在highchart中显示分数值


Show Fraction values in highchart

在高图表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标签仍将是表示分数的范围步长的十进制值,因此您要么想要抑制它,要么以其他方式处理它。