我使用HighCharts创建了一系列迷你图表。数据正在跨度的data-sparkline属性中定义。除此之外,span的data-sparkdate属性指的是第一个数据点的月份。类似的东西:
<span id="sparky" data-sparkdate="Sep-2015" data-sparkline="584.783333, 624.500000, 611.666666, 651.725806, 602.416666"></span>
将鼠标悬停在火花线标记上时,标签会显示当前值,开始月份和x点的索引编号。即Sep-2015, 1 612
,Sep-2015, 2 625
,Sep-2015, 3 612
等。
我想要做的是将x索引添加到日期,并显示为:Sep-2015, 612
,Oct-2015, 625
,Nov-2015, 612
等等。
正如您在this JSFiddle上看到的那样,我尝试将{point.x}
添加到日期值,但它并未评估为数字。还有其他方法可以在每个标记处将日期增加一个吗?
感谢
答案 0 :(得分:0)
您可以将格式化程序用于xAxis标签并引用stringdate变量。
xAxis:{
tickInterval: 1,
labels:{
formatter: function() {
return stringdate + ', ' + this.value;
}
}
},
示例:
答案 1 :(得分:0)
根据@jlbriggs的评论,我使用了pointStart
和pointInterval
来实现这一目标而没有格式化函数。 API也有pointIntervalUnit
。如果我把它设置为“月份”。那么x值会自动从开始日期开始增加一个月。