FusionCharts - Gallery Example - Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<div id="container">FusionCharts will render here</div>

JavaScript

const URL_DATA = 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/dashed-reference-line-data.json';
const URL_SCHEMA = 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/dashed-reference-line-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: 650,
    dataSource: {
    data: fusionTable,
    chart: {},
    caption: {
      text: "Temperature readings of an Italian Town"
    },
    yaxis: [
      {
        plot: "Temperature",
        title: "Temperature",
        format: {
          suffix: "°C"
        },
        referenceline: [
          {
            label: "Controlled Temperature",
            value: "10",
            style: {
              marker: {
              	"stroke-dasharray": [4, 3],
                "stroke": "#FFFF00"
              }
            }
          }
        ]
      }
    ]
  }
  }).render();

});