charts - Collection of Chart Options - 0 | JSFiddle Sample Code

charts - Collection of Chart Options - 0 | JSFiddle Sample Code

HTML

<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://cdn.canvasjs.com/canvasjs.stock.min.js"></script>

<div id="chartContainer" style="height: 450px; width: 100%;"></div>
<div style="margin-top:16px;color:dimgrey;font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;">Source: <a href="https://canvasjs.com/docs/stockcharts/stockchart-options/charts/" target="_blank" title="charts - Collection of Chart Options ">https://canvasjs.com/docs/stockcharts/stockchart-options/charts/</a></div>

JavaScript

window.onload = function () {
  var dataPoints1 = [], dataPoints2 = [];
  var stockChart = new CanvasJS.StockChart("chartContainer",{
            rangeSelector: {
          enabled: false,
        },
        navigator: {
          enabled: false,
        },
    charts: [
      {
      title: {
        text: ""
      },
          height: 250,
      axisY: {
        prefix: "",
          gridThickness: 0,
          tickLength: 0,
      },
      axisX: {
          lineThickness: 0,
          gridThickness: 0,
          tickLength: 0
      },
      data: [{
        type: "line",
        yValueFormatString: "$#,###.##",
        dataPoints : dataPoints1,
              axisXType: 'secondary',
      }],

    },
    {
      title: {
        text: ""
      },
          height: 250,
      axisY: {
        prefix: "",
          gridThickness: 0,
          tickLength: 0,
      },
      axisX2: {
          lineThickness: 0,
          gridThickness: 0,
          tickLength: 0,
          labelFormatter: () => ""
      },
      data: [{
        type: "line",
        yValueFormatString: "$#,###.##",
        dataPoints : dataPoints1,
              axisXType: 'secondary',
      }],

    },
      {
      title: {
        text: ""
      },
          height: 250,
      axisY: {
        prefix: "",
          gridThickness: 0,
          tickLength: 0,
      },
      axisX2: {
          lineThickness: 0,
          gridThickness: 0,
          tickLength: 0,
          labelFormatter: () => ""
      },
      data: [{
        type: "line",
        yValueFormatString: "$#,###.##",
        dataPoints : dataPoints1,
              axisXType: 'secondary',
      }],

    },
    {
      title: {
        text: ""
      },
          height: 250,
      axisY: {
        prefix: "",
          gridThickness: 0,
          tickLength: 0,
      },
      axisX2: {
          lineThickness: 0,
          gridThickness: 0,
          tickLength: 0,
          labelFormatter: () => ""
      },
      data: [{
       ...