小编rju*_*ior的帖子

在 ECharts 的 X 轴上使用 'time' 类型进行时间序列图

我正在使用 ECharts 4.0.4 ( http://echarts.baidu.com/ ) 在 X 轴上绘制一些带有时间戳的传感器数据。

已尝试使用旧系列数据和数据集(v4 上的新功能),但“时间”轴类型无法正常工作。使用“类别”可以正常工作:

var myChart = echarts.init(document.getElementById('main'));
var option = {
  legend: {},
  tooltip: {
    trigger: 'axis',
  },
  dataset: {
    source: {
      timestamp: ['2018-04-10T20:40:33Z', '2018-04-10T20:40:53Z', '2018-04-10T20:41:03Z'],
      sensor1: [1, 2, 4],
      sensor2: [5, 3, 2]
    }
  },
  xAxis: { type: 'category' },
  yAxis: { },
  series: [
    { type: 'line'},
    { type: 'line'}    
  ],
};
myChart.setOption(option);
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.4/echarts.min.js"></script>

<div id="main" style="width: 500px;height:400px;"></div>
Run Code Online (Sandbox Code Playgroud)

有了“时间”,它不会:

var myChart = echarts.init(document.getElementById('main'));
var option = {
  legend: {}, …
Run Code Online (Sandbox Code Playgroud)

javascript data-visualization time-series timeserieschart echarts

2
推荐指数
3
解决办法
7913
查看次数