我在一个股票图表(HighCharts)中有多个具有不同比例的数据系列。
我想将每个系列连接到它的轴或显示每个系列的最后一个点的值(类似于数据标签,但只是每个系列的最后一点)
$(function () {
$('#container').highcharts({
chart: {
renderTo: 'container'
},
xAxis: [{
type: 'datetime'
}],
yAxis: [{
opposite: true,
lineWidth: 1
},{
opposite: true,
lineWidth: 1
}],
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
pointStart: Date.UTC(2010, 0, 1),
pointInterval: 24 * 3600 * 1000, // one day
yAxis: 1
}, {
data: [20000, 2250, 30300, 28000, 27000, 27800, 25800],
pointStart: Date.UTC(2010, 0, 3),
pointInterval: 24 * 3600 * 1000, // one day
}]
});
});
http://jsfiddle.net/HamedMahdizadeh/4wjc02dw/2/
HighStock
答案 0 :(得分:8)
您只需添加一个简单的数据格式化程序,即可将数据只显示在最后一个数据点上。
plotOptions: {
series: {
dataLabels: {
enabled: true,
formatter: function(){
var isLast = false;
if(this.point.x === this.series.data[this.series.data.length -1].x && this.point.y === this.series.data[this.series.data.length -1].y) isLast = true;
return isLast ? this.y : '';
}
}
}
},