highcharts,堆叠列,switchrowsandcolumns

时间:2015-08-28 21:42:38

标签: javascript highcharts

我希望能够在我的分组之间切换(时间/优先级)。我有一个堆积柱形图。可以选择执行此操作example。但似乎它可能只适用于表中已有的数据,而且我将数据作为JSON引入。

我的javascript是:

  var chart_ops_support_times = new Highcharts.Chart({
    chart: {
        renderTo: 'chart_ops_support_times',
        type: 'column'
    },
    title: {
        text: '',
        align: 'left'
    },
    subtitle: {
        text: ' '
    },
    xAxis: {
        categories: [
            'one hour','2 hours','4 hours',
            '8 hours','one day','2 days',
            'one week','> one week'
        ]
    },
    yAxis: {
        min: 0,
        title: {
            text: 'counts'
        }
    },
    legend: {
        align: 'left',
        verticalAlign: 'top',
        floating: true,
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false,
        symbolHeight: 10,
        symbolWidth: 10

    },
    tooltip: {
        formatter: function () {
            return "<b>" + this.x + "</b><br/>" +
                this.series.name + ': ' + this.y + "<br/>" +
                'Total: ' + this.point.stackTotal;
        }
    },
    plotOptions: {
        column: {
            stacking: 'normal'
        }
    },
    credits: {
        enabled: false
    },
    exporting: {
        enabled: false
    },
    series: data
});

1 个答案:

答案 0 :(得分:0)

数据模块无法使用JSON。

  

数据模块提供了使用声明性选项集以方便的方式从外部源(如CSV文件,HTML表格或Google电子表格)加载数据的选项。   (http://www.highcharts.com/docs/working-with-data/data-module

您可以从JSON解析数据,而不是使用数据模块,以便以某种方式使用。

其他选项是使用JSON中的数据创建隐藏的HTML表格,稍后将Highcharts与数据模块一起使用并使用表格。