Google电子表格中的Highcharts数据显示了一个系列的折线图

时间:2014-01-27 20:12:42

标签: javascript jquery charts highcharts

在Excel中,我能够从数据中绘制此图表

Chart Image

我想将此图表转换为highcharts。数据位于Google电子表格中,我使用数据模块直接从Google电子表格中获取数据并显示在图表上。这是代码。

$('#solar_chart_one').highcharts({
        chart: { type: 'column' },
        data: {
            googleSpreadsheetKey: '0Alz3h5kIx8cWdFNHbmxqbXRILV9kbkd4V0oyX0ZyMWc'
        },

         plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        credits: {
          enabled: false
        },
        title: {
            text: 'Power Bill Saving Options'
        }

});

这是JsFiddle for this code

有关如何使其外观相似的任何帮助?

1 个答案:

答案 0 :(得分:0)

我会使用回调函数并将您希望成为line的系列设置为line,如下所示:

function (chart) {
    chart.series[2].update({
        type: 'line',
        color: 'blue'
    });
}

我把它改成蓝线。