Graph 带峰值工具提示的jQplot?
是否有办法根据下图显示工具提示或气泡,以显示线形图中的最高值?它应该始终可见,而不仅仅是在用鼠标滚动时 jQplot支持这一点吗?如果没有,是否有其他绘图库可以这样做 非常感谢Graph 带峰值工具提示的jQplot?,graph,highcharts,jqplot,Graph,Highcharts,Jqplot,是否有办法根据下图显示工具提示或气泡,以显示线形图中的最高值?它应该始终可见,而不仅仅是在用鼠标滚动时 jQplot支持这一点吗?如果没有,是否有其他绘图库可以这样做 非常感谢 在highstock中,您可以使用如下标志 其他选项是使用渲染器添加自定义形状:使用jqplot,可以使用pointLabels插件: JS: 气泡的CSS(来自): 生成此(): 为什么要将其标记为高图表?太棒了。这就是我需要的!非常感谢!:)我有个新问题,你能帮忙吗? $(document).ready(functi
在highstock中,您可以使用如下标志
其他选项是使用渲染器添加自定义形状:使用jqplot,可以使用
pointLabels
插件:
JS:
气泡的CSS(来自):
生成此():
为什么要将其标记为高图表?太棒了。这就是我需要的!非常感谢!:)我有个新问题,你能帮忙吗?
$(document).ready(function(){
var line1 = [[0,14,null],[1,32,null], [2,41,null], [3,44,'Hello World!'], [4,40,null], [5,47,null], [6,53,null], [7,67,null]]; // Only the 'Hello World' will have a label
var plot1 = $.jqplot('chart1', [line1], {
title: 'Chart with Point Labels',
seriesDefaults: {
showMarker:false,
pointLabels: { show:true }
}
});
});
#chart1 .jqplot-point-label {
width: 100px;
height: 25px;
padding: 0px;
background: #CC857E;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
padding-top: 10px;
margin-bottom: 8px;
}
.jqplot-point-label:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 10px 0;
border-color: #CC857E transparent;
display: block;
width: 0;
z-index: 1;
bottom: -10px;
left: 40px;
}