代码之家  ›  专栏  ›  技术社区  ›  Shivkumar Mallesappa

从条形图获取隐藏参数

  •  0
  • Shivkumar Mallesappa  · 技术社区  · 9 年前

    我正在为条形图分配额外的隐藏参数。

    [“R1”,5.01,“印度”,“马哈拉施特拉”];

    如何在突出显示时在工具提示中显示这些隐藏的数据

    这是我用来显示工具提示的代码,但我无法显示隐藏的数据。

    highlighter: {
                 tooltipContentEditor: function (ev, seriesIndex, pointIndex, data) {
                 return data[3] ;
                    },
                 show: true
    }
    

    谢谢

    1 回复  |  直到 9 年前
        1
  •  1
  •   Ian A    9 年前

    中的最后一个参数 tooltipContentEditor 函数是绘图对象,而不是数据对象。不过,您可以从中获取数据对象。使用此修改 工具提示内容编辑器 函数,您应该能够获得工具提示以显示隐藏数据:

    highlighter: {
        ...
        tooltipContentEditor: function(ev, seriesIndex, pointIndex, plot) {
            // access the data and locate the correct data point based on the series and data point hovered over and return the hidden value from the data at array index 2 (array indexes are 0 based)
            return plot.data[seriesIndex][pointIndex][2];
        }
    }
    

    在本例中,数据如下(其中第三个值是“隐藏”工具提示):

    [
        ['23-May-08', 578.55, 'A'],
        ['20-Jun-08', 566.5, 'B'],
        ['25-Jul-08', 480.88, 'C'],
        ['22-Aug-08', 509.84, 'D'],
        ['26-Sep-08', 454.13, 'E'],
        ['24-Oct-08', 379.75, 'F']
    ]
    

    我创建了一个 Fiddle 以证明这一点。