我正在尝试为线图获取自定义工具提示,因为我希望工具提示可以更详细地描述点,而不仅仅是该点的值。 (附有进一步解释的图片)
我已经尝试了如何实现。
下面是我的代码:
<script type="text/javascript"> $('#page3a').live('pageshow', function () {
var s1 = [1, 2, 3, 4, 5];
var s2 = ["Message 1", "Message 2", "Message 3", "Message 4", "Message 5"];
var lineGraph1 = $.jqplot('lineGraph1', [s1,s2], {
animate: true,
seriesDefault: {
showMarker: false,
pointLabels: { show: true }
},
grid: {
drawBorder: false,
drawGridlines: false,
background: '#eafaff',
shadow: false
},
axesDefaults: {
show: false,
showTicks: false,
showTickMarks: false
},
highlighter: {
show: true,
sizeAdjust: 8,
tooltipLocation: 'n',
tooltipAxes: 'piered',
formatString:'%s',
fadeTooltip: true,
tooltipFadeSpeed: "fast",
useAxesFormatters: false
}
});
});</script>
任何帮助都将不胜感激。 :)
tooltipAxes:x
(如果您在y轴上显示刻度,则为y)选项定义要在工具提示中显示哪个轴。Jqplot highlighter documentation - AnthonyLeGovic