如何解决Highchart错误#15,试图绘制单独的垂直线
我正在尝试创建一个与绘图线条在视觉上相似的系列。我无法使用绘图线功能,因为我需要工具提示和其他相关功能的支持。
即使在订购数据后,我也会收到错误/警告#15。问题是由于该错误,x轴的时间序列标签消失了。当仅出现一条垂直线(2个点)时,将显示标签。当我添加下一行(由2个2点组成的2点,由一个空值分隔)时,出现错误,并且x轴标签消失了。
我的主要y轴上有一个kpi样条曲线。这应该是辅助轴。
单行-https://jsfiddle.net/cLs6x85b/
两行-https://jsfiddle.net/xfd6ruv5/
Highcharts.chart('container',{
type: 'spline',xAxis: {
type: 'datetime',},yAxis: [{
// secondary axis
name: 'secondary-axis-events',tickPositions: [0,1],}],series: [{
name: 'test',data: [
{y: 0,x: 1545361356415},{y: 1,null,{y: 0,x: 1545361356417},x: 1545361356417}
],color: '#7fdbed'
}]
},(chart) => {
chart.xAxis[0].setExtremes(1545361356413,1545361356419);
});
nb:我已经尝试了散点图,但结果仍然相同。
我可以忽略该错误/警告。缺少x轴标签就是问题所在。
解决方法
为避免出现错误并正确渲染xAxis标签,您需要保留x数据序列,这意味着分隔符数据应该是将x和y设置为null的对象。
data: [{
y: 0,x: 1545361356415
},{
y: 1,{
y: null,x: 1545361356416
},{
y: 0,x: 1545361356417
},x: 1545361356417
}
],
演示:https://jsfiddle.net/BlackLabel/84fqm1Lp/
- 您是否考虑过使用
Lollipop
系列?演示:https://www.highcharts.com/demo/lollipop - 我认为将
findNearestPointBy
设置为xy
对于您的情况可能是一个有趣的功能:https://api.highcharts.com/highcharts/series.line.findNearestPointBy
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。