Google trends vitamin D

by mustapha mekhatria

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<div id="container"></div>

CSS

#container {
    min-width: 310px;
    max-width: 1200px;
    height: 600px;
    margin: 0 auto;
}

JavaScript

Highcharts.chart("container", {
    chart: {
        type: "spline"
    },
    title: {
        text: "Google searches for vitamin D 2004 - 2022"
    },
    legend: {
        enabled: false
    },
    subtitle: {
        text: "Source:Google trends"
    },
    data: {
        csvURL:
      "https://www.highcharts.com/samples/data/google-trends-vitamin-d.csv"
    },

    tooltip: {
        xDateFormat: '%Y-%m'
    },

    xAxis: {
        type: "datetime"
    },
    yAxis: {
        max: 100,
        min: 0,
        title: { text: null }
    }
});