JSFiddle

  • Highcharts test tool #2 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    console.clear();
    console.time('chart');
    var chart = Highcharts.chart('container', {
    
        series: [{
            data: Highcharts.map(new Array(1000), function () {
            	return Math ...
  • Highcharts test tool

    No-Library (pure JS), HTML, CSS, JavaScript

    Highcharts.chart('container', {
    	xAxis: {
        	type: 'datetime'
        },
        "series": [{
            "type": "line",
            "sensor_type": "measured",
            "sensor_id": "1558",
            "id": "dataseriesreport_1094_0",
            "name": "MST_DA Innenraum - Air temperature ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    var chart = Highcharts.chart('container', {
        chart: {
            type: 'column',
            margin: 75,
            options3d: {
                enabled: true,
                alpha: 15,
                beta: 15,
                depth: 50
            }
        },
        plotOptions ...
  • Highcharts test tool

    No-Library (pure JS), HTML, CSS, JavaScript

    var chart = Highcharts.chart('container', {
    
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
    
        series ...
  • Highcharts test tool

    No-Library (pure JS), HTML, CSS, JavaScript

    Highcharts.chart('container', {
    
        chart: {
            inverted: true
        },
    
        title: {
            text: 'Inverted Sankey diagram - Highcharts'
        },
    
        series: [{
            keys: ['from', 'to', 'weight'],
            data: [
                ['Oil', 'Transportation ...
  • Highcharts Stock Demo #1 is the latest revision

    author(s): Torstein Hønsi

    console.clear();
    var chart = Highcharts.stockChart('container', {
    
        rangeSelector: {
            selected: 1
        },
    
        series: [{
            name: 'MSFT',
            data: MSFT
        }]
    });
    
    document.getElementById('container').addEventListener(
    	document ...
  • Highcharts Demo #2 is the latest revision

    author(s): Torstein Hønsi

    
    var chart = Highcharts.chart('container', {
    
        chart: {
            animation: false
        },
    
        title: {
            text: 'Relative fonts and lines'
        },
    
        subtitle: {
            text: 'Use the slider below ...
  • Highcharts test tool

    No-Library (pure JS), HTML, CSS, JavaScript

    function customTooltip() {
    	document.getElementById('tooltip').innerHTML = this.series.name + ': ' + this.y;
    }
    
    Highcharts.chart('container', {
    
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr ...
  • Force study

    No-Library (pure JS), HTML, CSS, JavaScript

    console.clear();
    var ren = new Highcharts.Renderer(
    	document.getElementById('container'),
        500,
        400
    );
    var bounds = [10, 10, 490, 390];
    var repellers ...
  • Highcharts test tool

    No-Library (pure JS), HTML, CSS, JavaScript

    Highcharts.chart('container', {
    
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        
        yAxis: {
        	title: {
            	align ...