我有一个包含两条线(一条水平线和一条抛物线)的图形,我想显示交叉点的值以及用文本“MSY”标记它。我尝试使用选项pointLabels
,但似乎我找不到正确的方法。任何人都可以给我一些提示吗?以下是问题的demo。
jquery代码:
$(document).ready(function() {
$.jqplot.config.enablePlugins = true;
var s1 = [[0.0, 0.0], [1.0, 0.036], [2.0, 0.064], [3.0, 0.084], [4.0, 0.096], [5.0, 0.1], [6.0, 0.096], [7.0, 0.084], [8.0, 0.063], [9.0, 0.036], [10.0, 0.0]];
$.jqplot('chart1', [s1], {
seriesDefaults: {
showMarker: false,
pointLabels: {
show: false
}
},
axes: {
xaxis: {
label: 'X label',
pad: 0
},
yaxis: {
label: 'Y label',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
},
legend: {
show: true,
location: 'ne',
placement: 'inside',
fontSize: '11px'
},
canvasOverlay: {
show: true,
objects: [
{
horizontalLine: {
y: 0.1,
color: 'rgb(100, 55, 124)',
show: true,
}}
]
},
pointLabels: {
show: true,
labels: [[5, 0.10]],
hideZeros: true
}
})
})
答案 0 :(得分:2)
没有直接的解决方案,但假设抛物线是均匀的。我只是做了一些假设来计算抛物线的顶点。它只是一个近似值。并准备了一个阵列,可以用于系列标签。
var k = Math.round(s1.length / 2); //Assuming your Parabola to be uniform
var l = [];
var i=0;
while(i<(k-1))
{
l.push("");
i++;
}
l.push('MSY');
现在我们有了l数组,现在我将它提供给系列选项,以便获得所需的结果。
series: [
{
pointLabels: {
show: true,
labels: l
}}],
我已经对小提琴进行了必要的更改并更新了http://jsfiddle.net/JWhmQ/292/。 我建议你找一个小插件或构建一个小脚本,它会给你抛物线的尖端或顶点并使用上面的那个。它可以解决你的问题。