> Fundamentals > Text and Font Styling

Suggest an edit to this page

Text and Font Styling in

How to edit and style the font of D3.js-based graphs in javascript.

Global Font Properties

var data = [
  {
    x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
    y: [0, 1, 2, 3, 4, 5, 6, 7, 8],
    type: 'scatter'
  }
];
var layout = {
  title: 'Global Font',
  font: {
    family: 'Courier New, monospace',
    size: 18,
    color: '#7f7f7f'
  }
};
Plotly.newPlot('myDiv', data, layout);