在高图表Y轴上,我想显示一些分数值,如100/50,100/70100/90
有可能吗?请告诉我如何显示这些值。
$.getJSON('1.php?ID=' + <?php echo $Id; ?>, function(json) {
$('#container').highcharts({
chart: {
renderTo: 'container',
type: 'spline',
animation: Highcharts.svg,
marginRight: 130,
marginBottom: 25,
},
title: {
text: 'Lab',
x: -20 //center
},
subtitle: {
text: '',
x: -20
},
xAxis: {
type: 'time',
tickPixelInterval: 007
},
yAxis: {
title: {
text: 'Lab'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
exporting: {
enabled: true
},
series: [{
name: 'Lab',
data: json.data,
datataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
y: 10,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif',
textShadow: '0 0 3px black',
}
}
}]
});
});
1.php刚刚有MySQL的重试查询$sth = mysql_query("SELECT DateandTime,BP FROM table WHERE ID='".$ ID ."'");
通过做下面列出的几件事,你应该能够完成我认为你想要完成的事情。
首先,您需要重构JSON数据包,以包含Highcharts可以在一个系列中使用的标签,如下所示:
var json = {
data: [ ["100/50",(100/50)], ["100/60",(100/60)], ["100/75",(100/75)], ["100/30",(100/30)] ]
};
然后你需要对你的图表js做一些调整,这样你就可以通过在highcharts配置对象中添加这个块来覆盖默认的工具提示(xAxis块之后是一个很好的位置):
xAxis: {
//some xAxis overrides here
},
tooltip: {
pointFormat: ''
},
它所做的基本上是告诉highcharts使工具提示数据点",所以本质上它不被渲染,但标签仍然显示在你的鼠标悬停。
完成后,您的yAxis标签仍将是表示分数的范围步长的十进制值,因此您要么想要抑制它,要么以其他方式处理它。