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

Question

有一个 XY 图表，我想将年份数据与数据点相关联，这样我就可以将年份传递给 onclick 消息警报。我已经在检索图表数据。附件显示了我可以使用 d 检索图表数据的两种方法。并在一种方法比另一种方法更有效的情况下使用 signify()。 JSFiddle

不确定将年份数据放在代码中的什么位置？我如何检索点击点的年份以发送到 onclick 警报消息？

       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]

Answer 1

很遗憾，我无法在评论中 post，但您可以关闭数据的排序和排序。这意味着您需要在每次加载时以正确的顺序提供所有数据。这也使用了未记录的设置。

此 fiddle 建立在您上面讨论的内容之上，请注意对代码的更改：

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

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

Add Non Scatter Chart Data For Use With OnClick

javascript

scatter

c3.js