请参考以下来自 HighCharts 演示的 jsFiddle
要重现我面临的问题,请将 JavaScript 部分中的代码替换为以下代码
$(function () {
$('#container').highcharts({
chart: {
marginLeft: 120
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
offset: 10
},
yAxis: {
lineWidth: 1,
title: {
text: 'Primary Axis'
},
tickWidth: 1,
min: 0
},
series: [{
data: [0, 0, 0, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
替换后,如果您单击运行报告,您将看到与 x 轴接触的点不是由蓝色的系列线连接的。当我们将鼠标悬停在这些点上时,也不会出现工具提示。
有人可以帮我解决这个问题吗?
我想实现以下两件事
- 甚至对于直接接触蓝色系列中的 x 轴的点也显示工具提示
- 在系列值为 0 的点之间显示连接的蓝色系列线
为 Y 轴分配 min: 0 对我来说是必须的,因为我不想在 Y 轴上显示 -ve 值。