Javascript 如何在yAxis零值(负/正图表)上设置Highcharts xAxis位置? < P> >我希望XXAX不在我的图表下方,但在中间(< YxAX 0值< /强> >强>
我还想要xAxis标签:Javascript 如何在yAxis零值(负/正图表)上设置Highcharts xAxis位置? < P> >我希望XXAX不在我的图表下方,但在中间(< YxAX 0值< /强> >强> ,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我还想要xAxis标签: 在X轴上方当其为负晶石值时 当X轴为正值时,X轴下方的 以下是我所拥有的: 有没有一种简单的方法可以做到这一点? 若否,如何处理? 谢谢 解决方案: 感谢Pawel Fus(谢谢,谢谢,谢谢),以下是我问题的解决方案: 答案如下: 是的,这可以通过使用来实现 这是不支持的,您可以使用chart.events.load循环xAxis中的所有标签,并根据各自类别的第一个系列中的值更新其位置 谢谢,我要试试这个插件。然后,如果没有其他方法,我将更改chart.ev
- 在X轴上方当其为负晶石值时
- 当X轴为正值时,X轴下方的
- 有没有一种简单的方法可以做到这一点?
- 若否,如何处理?
解决方案: 感谢Pawel Fus(谢谢,谢谢,谢谢),以下是我问题的解决方案: 答案如下:
chart.events.load
循环xAxis中的所有标签,并根据各自类别的第一个系列中的值更新其位置谢谢,我要试试这个插件。然后,如果没有其他方法,我将更改chart.events.load中的标签位置。在标签格式化程序中,您也可以尝试更新标签y位置,但我尚未尝试。是否可以在标签格式化程序中更新标签y位置?我以为这只是格式化文本。事实上,我使用这个功能只是为了格式化日期。刚刚检查过,很抱歉答应评论,这是不可能的。关于我的第一个答案,请参阅如何更新dataLabels:-对于axis.labels,可以很容易地完成类似的操作。。给你举个活生生的例子:-如果有不清楚的地方,请告诉我;)
$(function () {
$('#container').highcharts({
xAxis: {
showFirstLabel : true,
showLastLabel : true,
type : "category",
tickLength : 0,
lineWidth : 2
},
series: [{
data: [
{name : 'T1', y: 123},{name : 'T2', y: 152},{name : 'T3', y: -120},{name : 'T4', y: 0},{name : 'T5', y: 142},{name : 'T6', y: 212}
],
type : 'column'
}]
});
});
$(function () {
$('#container').highcharts({
chart: {
renderTo: 'container',
type: 'column',
events: {
load: function () {
var xAxis = this.xAxis[0];
var serie = this.series[0];
for (var current_tick in xAxis.ticks) {
var tick = xAxis.ticks[current_tick];
if(serie.data[current_tick]){
if (serie.data[current_tick].y > 0) {
tick.label.attr({
y: tick.label.y + 18
});
}
}
}
}
}
},
xAxis: {
showFirstLabel : true,
showLastLabel : true,
type : "category",
tickLength : 0,
crossing:0,
opposite:true,
lineWidth : 2
},
series: [{
data: [
{name : 'T1', y: 123},{name : 'T2', y: 152},{name : 'T3', y: -120},{name : 'T4', y: 0},{name : 'T5', y: 142},{name : 'T6', y: 212}
],
type : 'column'
}]
});
});