Jquery 更改jqPlots工具提示显示的内容
是否有一种方法可以更改jqPlot图中每个点的文本。因此,不是每个点都显示其正常值,而是可以将其更改为其他值。我的图表上的每个点代表不同的数据。例如,我想显示一年中参加考试的学生人数,按月份细分。但是,我不想让工具提示显示平均测试结果的数量 是否可以更改工具提示文本Jquery 更改jqPlots工具提示显示的内容,jquery,jqplot,Jquery,Jqplot,是否有一种方法可以更改jqPlot图中每个点的文本。因此,不是每个点都显示其正常值,而是可以将其更改为其他值。我的图表上的每个点代表不同的数据。例如,我想显示一年中参加考试的学生人数,按月份细分。但是,我不想让工具提示显示平均测试结果的数量 是否可以更改工具提示文本 谢谢首先,这不是您问题的确切解决方案,但可以作为一种可能的解决方法 我使用点标签在jqplot上获得了类似的结果 这是你能做的 pointLabels插件显示用于绘制图表的数据数组的内容。但是有一个选项可以说明应该使用数据数组的哪个
谢谢首先,这不是您问题的确切解决方案,但可以作为一种可能的解决方法 我使用
点标签
在jqplot上获得了类似的结果
这是你能做的
pointLabels插件显示用于绘制图表的数据数组的内容。但是有一个选项可以说明应该使用数据数组的哪个索引来显示点标签
pointLabels: {
show: true,
seriesLabelIndex: 2
}
因此,您可以对数据数组中的每个点执行以下操作:您可以包含希望在图表中显示的任何细节
但请记住,此不会显示为工具提示,而是显示为点标签
pointLabels: {
show: true,
seriesLabelIndex: 2
}
为了让你们理解这一点,我创建了一个小例子
我还创建了一篇博客文章,描述了我在项目中所做的工作,如果您认为此解决方案可以帮助您,请在此处阅读以获取更多信息
我找到了解决您所问问题的方法。事实上,有一种方法可以显示自定义工具提示,但在任何地方都没有很好的文档记录 这是你可以做到的。首先,您必须包括。然后在“打印选项”中设置与此类似的荧光灯选项
highlighter: {
show: true,
tooltipContentEditor: tooltipContentEditor
}
此处的tooltipContentEditor
是一个外部函数,可用于输出自定义HTML作为工具提示
然后,您可以从该函数返回计算出的平均值或其他所需值
function tooltipContentEditor(str, series_index, point_index, plot) {
len = plot.data[series_index].length;
total = 0;
for (i = 0 ; i < len; i++) {
total += parseFloat(plot.data[series_index][i][1]);
}
return "average:"+total/len;
}
函数工具IPContentEditor(str、系列索引、点索引、绘图){
len=绘图。数据[系列索引]。长度;
总数=0;
对于(i=0;i
您可以使用随函数传递的参数访问所有数据
function tooltipContentEditor(str, series_index, point_index, plot) {
len = plot.data[series_index].length;
total = 0;
for (i = 0 ; i < len; i++) {
total += parseFloat(plot.data[series_index][i][1]);
}
return "average:"+total/len;
}
看看我的表