Javascript jqplot：如何在荧光笔中显示数组中的值

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

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

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

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

[["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>

2个元素：

第一元素第二元素

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

---

提前谢谢

查看

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');
        }
    );

$（'#chart2'）.bind（'jqplotDataHighlight'，
函数（ev、序列索引、点索引、数据）{
var-aList=myData[pointIndex][2]；
$（“#工具提示”）.html（aList.join（“
”）；
$（“#工具提示”）.css（'display'，'block'）；
}
);
$（'#chart2'）.bind（'jqplotDataUnhighlight'，
功能（ev）{
$（“#工具提示”）.css（'display'，'none'）；
}
);

---

这是一个可行的解决方案。

查看

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');
        }
    );

$（'#chart2'）.bind（'jqplotDataHighlight'，
函数（ev、序列索引、点索引、数据）{
var-aList=myData[pointIndex][2]；
$（“#工具提示”）.html（aList.join（“
”）；
$（“#工具提示”）.css（'display'，'block'）；
}
);
$（'#chart2'）.bind（'jqplotDataUnhighlight'，
功能（ev）{
$（“#工具提示”）.css（'display'，'none'）；
}
);

---

这是一个可行的解决方案。

查看

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');
        }
    );

$（'#chart2'）.bind（'jqplotDataHighlight'，
函数（ev、序列索引、点索引、数据）{
var-aList=myData[pointIndex][2]；
$（“#工具提示”）.html（aList.join（“
”）；
$（“#工具提示”）.css（'display'，'block'）；
}
);
$（'#chart2'）.bind（'jqplotDataUnhighlight'，
功能（ev）{
$（“#工具提示”）.css（'display'，'none'）；
}
);

---

这是一个可行的解决方案。

查看

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');
        }
    );

$（'#chart2'）.bind（'jqplotDataHighlight'，
函数（ev、序列索引、点索引、数据）{
var-aList=myData[pointIndex][2]；
$（“#工具提示”）.html（aList.join（“
”）；
$（“#工具提示”）.css（'display'，'block'）；
}
);
$（'#chart2'）.bind（'jqplotDataUnhighlight'，
功能（ev）{
$（“#工具提示”）.css（'display'，'none'）；
}
);

这是一张工作票