添加非散点图数据以用于OnClick

时间:2017-06-14 00:15:57

标签: javascript c3.js scatter

有一个XY图表,我想将年份数据与数据点联系起来,这样我就可以将年份传递给onclick消息提醒。我已经在检索图表数据了。附件显示了两种使用d检索图表数据的方法。并且使用signify()以防一个方法比另一个方法更强大。 JSFiddle

不确定将年份数据放在代码中的哪个位置? 如何检索点击发送到onclick Alert消息的年份?

       data: {
 xs: {
        'data1': 'x1',
        'data2': 'x2',
        'data3': 'x3',
        'data4': 'x4',
    },
columns: [
        ['x1', 10, 30, 45, 50, 70, 100],
        ['x2', 30, 50, 75, 100, 120],
        ['data1', 30, 200, 100, 400, 150, 250],
        ['data2', 20, 180, 240, 100, 190]
    ],
   names: {
        data1: 'Oracle 1',
        data2: 'HP 2'
          }, 
  // Not sure where to place this data?
  // How would I retrieve year for clicked on point to send to onclick Alert message?
  //   [year1,2000, 2001, 2002, 2003, 2004, 2006]
  //   [year2,2000, 2002, 2003, 2004, 2005]   

1 个答案:

答案 0 :(得分:1)

不幸的是我不能在评论中发帖,但你可以关闭数据的排序和排序。这意味着您需要在每次加载时以正确的顺序提供所有数据。这也使用了未记录的设置。

这个fiddle建立在您上面讨论的内容之上,请注意对代码的更改:

....
data: {
    xSort: null,
    xs: {
....