gpt4 book ai didi

javascript - HighCharts 工具提示中的 Y 值负 1

转载 作者:行者123 更新时间:2023-12-03 03:22:48 25 4
gpt4 key购买 nike

我正在努力寻找一种方法来在当前 Y 值的工具提示上返回图表中的前一个 Y 值。我的想法是,我想执行“this.y - this.y(-1)”(获取 this.(y-1))值的操作,并找到当前值与之前值之间的差异。理想情况下,这将出现在图表中每个值的工具提示中

我的代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>

<div id="container" style="height: 500px; min-width: 310px"></div>

<script type="text/javascript">
$(function () {
$.get("data.csv", function (csv) {
$('#container').highcharts('StockChart', {
title: {
text: 'Testing HighCharts'
},
data: {
csv: csv
},
rangeSelector: {
selected: 1
},
tooltip: {
formatter:function(){
return '<b>Date:</b> ' + Highcharts.dateFormat('%B %e %Y', this.x) + '<br>' + '<b>Amount:</b> ' + this.y + '<br>';
}
},
plotOptions: {
series: {
marker: {
enabled: true,
fillColor: 'FFFFFF',
radius: 4
},
allowPointSelect: true,
color: '#CC0000',
width: 3
}
}
});
});
});
</script>


</head>
</html>

最佳答案

您需要在工具提示格式化程序内使用this.point对象的indexseries属性。

tooltip: {
formatter:function(){
var diffText = '',
i = this.point.index;

if (i > 0) {
diffText = '<br><b>Difference: </b>' + (this.y - this.point.series.data[i-1].y);
}

return '<b>Date:</b> ' + Highcharts.dateFormat('%B %e %Y', this.x) + '<br>' + '<b>Amount:</b> ' + this.y + '<br>' + diffText;
}
},

这是演示:https://jsfiddle.net/alex_ua/7u80r0c3/2/

关于javascript - HighCharts 工具提示中的 Y 值负 1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46496809/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com