时间戳

首页 > 解决方案 > 在echarts中使用字典对象作为数据有什么好处吗？

echarts - 在echarts中使用字典对象作为数据有什么好处吗？

问题描述

我正在使用 echarts 来绘制我的数据。然后我有两个具有不同时间的数据（即 X 轴），我想将它们绘制在一张图片中。但是我发现echart的数据只能是一个数组，所以这两个数据的值不会像他们的实时一样正确绘制。所以我的问题是，echarts 可以使用字典数据吗？它使用时间作为键。然后这两个数据将在正确的时间绘制。

中文：我有两个数据时间，关键值——我想把他们显示到画图的关键值上吗？这样两个数据显示到正确的位置上。</p>

标签： echarts

解决方案

尝试在 xAxis 上使用类型“时间”。另请参阅使用数据集将数据传递到图表的新方法：

var myChart = echarts.init(document.getElementById('main'));

// format with arrays:
var source = [  
    ['2019-08-28T07:01:00+02:00', 127.7],
    ['2019-08-28T07:02:00+02:00', 148.0],
    ['2019-08-28T07:03:00+02:00', 1180.4],
    ['2019-08-28T07:04:00+02:00', 117.9]
]


// format with objects:
// var source = [   
//    { datetime: '2019-08-28T07:01:00+02:00', value: 127.7 },
//    { datetime: '2019-08-28T07:02:00+02:00', value: 148.0 },
//    { datetime: '2019-08-28T07:03:00+02:00', value: 1180.4 },
//    { datetime: '2019-08-28T07:04:00+02:00', value: 117.9 }
// ];

option = {
    dataset: {
        dimensions: ['datetime', 'value'],
        source: source
    },  
    xAxis: {
        type: 'time'
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: 'series1',
        type: 'line',
    }]
}

myChart.setOption(option);

推荐阅读