php - 在 Highcharts 中显示分数值

Question

在 Highcharts 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."'");

Answer 1

通过执行下列几项操作，您应该能够完成我认为您所表明的目标。

首先，您需要重组 JSON 数据包以包含 Highcharts 可以在系列中使用的标签，如下所示:

var json = {
    data: [ ["100/50",(100/50)], ["100/60",(100/60)], ["100/75",(100/75)], ["100/30",(100/30)] ]
};

然后您需要对您的图表 js 进行一些调整，以便通过将此 block 添加到 highcharts 配置对象中(紧接在 xAxis block 之后是一个很好的位置)来覆盖默认工具提示:

xAxis: {
    //some xAxis overrides here
},
tooltip: {
    pointFormat: ''
},

这基本上是告诉 highcharts 将工具提示数据点设置为“”，因此本质上它不会呈现，但标签仍会显示在您的鼠标悬停上。

完成后，您的 yAxis 标签仍将是表示分数范围步长的十进制值，因此您要么想要抑制它，要么以其他方式处理它。