在highcharts上显示数据

时间:2016-11-16 06:14:55

标签: javascript graph highcharts

我正在开发一些highcharts设计,要求是显示今天的工作状态,因为我正在使用柱形图,

enter image description here

对于每一天,可以有2个状态,遇到或不符合,

$(function () {
    Highcharts.chart('container', {
        data: {
            table: 'datatable'
        },
        chart: {
            type: 'column'
        },
        title: {
            text: 'Data extracted from a HTML table in the page'
        },
        yAxis: [{
            title: {
                text: 'Time'
            },
            type:'date',
            series: {
                tickInterval: 24 * 3600 * 1000,
                min: Date.UTC(2016, 4, 31),
                max: Date.UTC(2016, 11, 6),
                pointInterval: 24 * 3600 * 1000,
                dateTimeLabelFormats: { // don't display the dummy year
                    month: '%b \'%y',
                    year: '%Y'
                }
            },
        }],
        tooltip: {
            formatter: function () {
                return '<b>' + this.series.name + '</b><br/>' +
                this.point.y + ' ' + this.point.name.toLowerCase();
            }
        }
    });
});

我正在使用这样的东西,我很困惑如何继续。

0 个答案:

没有答案