how to change font size of x-axis & y-axis label of the FusionCharts timeseries chart

33 Views Asked by At

const URL_DATA = 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/plotting-multiple-series-on-time-axis-data.json';
const URL_SCHEMA = 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/plotting-multiple-series-on-time-axis-schema.json';

const jsonify = res => res.json();
const dataFetch = fetch(URL_DATA).then(jsonify);
const schemaFetch = fetch(URL_SCHEMA).then(jsonify);

Promise.all([dataFetch, schemaFetch]).then(([data, schema]) => {
  var fusionTable = new FusionCharts.DataStore().createDataTable(data, schema);

  new FusionCharts({
    type: 'timeseries',
    renderAt: 'container',
    width: "90%",
    height: 490,
    dataSource: {

      caption: {
        text: "Sales Analysis"
      },
      data: fusionTable,
      subcaption: {
        text: "Grocery & Footwear"
      },

      yaxis: [{
        plot: "Sales Value",
        title: "Sale Value",
        format: {
          prefix: "$"
        }
      }],
      categories: [{
        className: 'x-axis-text-class'
      }]
    }
  }).render();
});
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<div id="container">FusionCharts will render here</div>

enter image description herehow to change font size of x-axis & y-axis label of the FusionCharts timeseries chart. https://jsfiddle.net/wgz2ybf1/

I have checked with below way

{
  "chart": {
    "yAxisValueFontSize": "10px",
    "yAxisValueFontColor": "#ff0000",
  }
}
{
  "chart": {
    "baseFont": "Verdana",
    "baseFontSize": "11",
    "baseFontColor": "#0066cc"
  }
}
0

There are 0 best solutions below