Highcharts Demo

by vasagi

HTML

<!-- Load the Highcharts scripts. Please note that the Chatbot loads all scripts
    because we do not know what is being used in the configuration previews. In
    production, unused scripts should be removed. --> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/highcharts-more.js"></script> <script src="https://code.highcharts.com/highcharts-3d.js"></script> <script src="https://code.highcharts.com/modules/stock.js"></script> <script src="https://code.highcharts.com/maps/modules/map.js"></script> <script src="https://code.highcharts.com/modules/gantt.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script> <script src="https://code.highcharts.com/modules/parallel-coordinates.js"></script> <script src="https://code.highcharts.com/modules/accessibility.js"></script> <script src="https://code.highcharts.com/modules/annotations-advanced.js"></script> <script src="https://code.highcharts.com/modules/data.js"></script> <script src="https://code.highcharts.com/modules/draggable-points.js"></script> <script src="https://code.highcharts.com/modules/static-scale.js"></script> <script src="https://code.highcharts.com/modules/broken-axis.js"></script> <script src="https://code.highcharts.com/modules/heatmap.js"></script> <script src="https://code.highcharts.com/modules/tilemap.js"></script> <script src="https://code.highcharts.com/modules/timeline.js"></script> <script src="https://code.highcharts.com/modules/treemap.js"></script> <script src="https://code.highcharts.com/modules/treegraph.js"></script> <script src="https://code.highcharts.com/modules/item-series.js"></script> <script src="https://code.highcharts.com/modules/drilldown.js"></script> <script src="https://code.highcharts.com/modules/histogram-bellcurve.js"></script> <script src="https://code.highcharts.com/modules/bullet.js"></script> <script src="https://code.highcharts.com/modules/funnel.js"></script> <script...

JavaScript

const minDate = Date.UTC(2024, 09, 04)
Highcharts.chart('container', {
    chart: {
        type: 'line'
    },
    title: {
        text: 'Aligned X and Y Axes'
    },
    xAxis: {
        title: {
            text: 'X Axis Title'
        },
        startOnTick: true,
        endOnTick: true,
        min: minDate, // Set the minimum value for the X-axis
       
    },
    yAxis: {
        title: {
            text: 'Y Axis Title'
        },
        startOnTick: true,
        endOnTick: true,
        min: 0, // Set the minimum value for the Y-axis
        max: 10 ,// Set the maximum value for the Y-axis
        lineWidth:1
    },
    series: [{
        name: 'Sample Data',
        data: [1, 3, 2, 4, 6, 5] // Please verify your data here
    }]
});