C3JS没有正确绑定y2轴json数据

时间:2016-07-28 20:16:10

标签: javascript json d3.js c3.js

我的图表是一个带有两个y轴的时间序列。左侧y轴显示延迟(以毫秒为单位),右侧y轴(y2)显示吞吐量。但是,看起来json数据没有被正确绑定到y2,因为它的行为好像没有数据呈现给它。 这是我使用的json的一小部分:

 json: [{
        latency: 59,
        datestamp: "20160712",
        throughput: 46
      }, {
        latency: 272,
        datestamp: "20160713",
        throughput: 30
      }]

另请注意,我按照documentation

中的说明覆盖了轴
axes: {
  'latency': 'y',
  'throughput': 'y2'
}

这是JS小提琴:

https://jsfiddle.net/Lz8nx8dc/3/

正如您所看到的,吞吐量的值远高于1.0,但是y2刻度值并未更新。

1 个答案:

答案 0 :(得分:0)

我最终在此处修复:https://jsfiddle.net/Lz8nx8dc/5/

解决方案是将轴移动为数据属性:

data: {
    axes: {
      'latency': 'y',
      'throughput': 'y2'
    }
}