javascript - jqplot : how to display value from an array in a highlighter

Question

我有一个图表，代表每月的许多元素。我想在我的荧光笔中显示这些元素的列表。 我收到的数据如下:

[["2013-12-01", 2, ["First element", "Second element"]], ["2014-01-01", 0, []]]

实际上，我可以在工具提示中显示我拥有的元素数量，但我不知道如何显示元素列表。我的荧光笔代码如下:

highlighter: {
                tooltipAxes: 'y',
                formatString:'%u elements',
                showLabel: true,
                sizeAdjust: 7.5,
                  },

它有效地显示元素的数量。 最后，我想在我的工具提示中添加类似这样的 html 代码:

2 elements : <br>
<table><tr><td>First element</td><td> Second element</td></tr></table>

一种解决方案可能是在我的数据中生成 html 代码，但我想将格式化和数据生成分开。有什么“干净”的解决方案吗？

提前致谢!

Answer 1

查看 jqplot.highlighter.js 插件的 api，它似乎没有为您提供这种级别的控制(如果它有格式化程序回调，那就太好了)。因此，我只需将插件全部删除并使用 jqplotDataHighlight 和 jqplotDataUnhighlight 事件自行编码:

    $('#chart2').bind('jqplotDataHighlight', 
        function (ev, seriesIndex, pointIndex, data) {
            var aList = myData[pointIndex][2];
            $('#tooltip').html(aList.join('<br/>'));
            $('#tooltip').css('display','block');
        }
    );

    $('#chart2').bind('jqplotDataUnhighlight', 
        function (ev) {
            $('#tooltip').css('display','none');
        }
    );

这是一个工作 example .