JSFiddle

  • Highcharts Demo

    author(s): Lars Cabrera

    
    Highcharts.setOptions({
        global: {
            timezone: 'Europe/Oslo'
        }
    });
    
    Highcharts.chart('container', {
    
        title: {
            text: 'timezone with local DST crossover'
        },
    
        subtitle: {
            text: 'From October ...
  • Highcharts Demo #1 is the latest revision

    author(s): Torstein Hønsi

    var data = [], y = 0;
    for (
    	var x = Date.UTC(2012, 11, 1);
      x < Date.UTC(2017, 10, 24);
      x += 24 ...
  • Highcharts Demo #1 is the latest revision

    author(s): Torstein Hønsi

    Highcharts.chart('container', {
        chart: {
            type: 'line',
            zoomType: 'x'
        },
    
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct ...
  • Highcharts test tool #2 is the latest revision

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

    Highcharts.stockChart('container', {
      "chart"        : {
        "animation"    : false,
        "spacingRight" : 20,
        "marginRight"  : 0,
        "marginBottom" : 15,
        "marginTop"    : 8,
        "marginLeft"   : 0,
        "spacingBottom": 0
      },
      "series"       : [
        {
          animation ...
  • Highcharts Demo #1 is the latest revision

    author(s): Torstein Hønsi

    console.clear();
    Highcharts.chart('container', {
    
        chart: {
            type: 'variwide'
        },
    
    
        xAxis: {
            type: 'category',
        },
    
        yAxis: {
            max: 100,
        },
    
        plotOptions: {
            variwide: {
                stacking: 'normal'
            }
        },
        series: [{
            name ...
  • Highcharts Demo #7 is the latest revision

    author(s): Torstein Hønsi

    Highcharts.chart('container', {
        data: {
            csv: document.getElementById('data').innerHTML
        }
    });
  • Highcharts Demo

    author(s): Torstein Hønsi

    // Uncomment to style it like Apple Watch
    /*
    if (!Highcharts.theme) {
        Highcharts.setOptions({
            chart: {
                backgroundColor: 'black'
            },
            colors: ['#F62366', '#9DFF02', '#0CCDD6'],
            title ...
  • Highcharts test tool

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

    Highcharts.setOptions({
        global: {
            useUTC: true,
            timezone: 'Europe/Lisbon'
        }
    });
    
    Highcharts.chart('container', {
        xAxis: {
            type: 'datetime',
            gridLineWidth: 1
        },
        tooltip: {
            shared: true,
            crosshairs ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    
    function getData(n) {
        var arr = [],
            i,
            a,
            b,
            c,
            low,
            spike;
        for (i = 0; i < n; i = i + 1) {
            if ...
  • Highcharts test tool

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

    Highcharts.setOptions({
    	chart: {
        	backgroundColor: null
        },
    	title: {
        	text: null
        },
        credits: {
        	enabled: false
        },
        plotOptions: {
        	series: {
    	    	animation: false,
                marker: {
                	enabled: false
                }
            }
        },
        xAxis: {
        	labels ...