【问题标题】:Line Chart using array使用数组的折线图
【发布时间】:2019-10-02 04:54:41
【问题描述】:

如何使用以下数据使用 Highcharts 创建折线图? 我已经尝试添加我的逻辑,但没有得到预期的结果。

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series/color-zones-simple

data= {
  "Tue Oct 01 2019": 3,
  "Tue Oct 02 2019": 1
}

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    你可以使用这段代码来实现它:

    const dataObj = {
      "Tue Oct 01 2019": 3,
      "Tue Oct 02 2019": 1
    };
    
    let key,
        data = [];
    
    for (key in dataObj) {
        data.push([+new Date(key), dataObj[key]]);
    }
    
    Highcharts.chart('container', {
        xAxis: {
        type: 'datetime'
      },
      series: [{
        data: data
      }]
    });
    

    演示:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-07-03
      • 2018-10-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多