高图重叠标签不应该被隐藏
Highchart - overlapping label should NOT be hidden
有时我的点靠得很近,我的高程图隐藏了我的标签。是否有选项可以避免这种情况(图表是从定期刷新的数据中绘制的)
在例子中,点"A TEST"answers"B - PLEASE SHOW ME"靠得很近,导致重叠。图表自动隐藏B的标签,但我希望它显示(图表不应该超过3个点,所以混乱应该不是一个问题)
http://jsfiddle.net/4jb4gusj/1/$(function () {
$('#container').highcharts({
chart: {type: 'scatter'},
title: {text: 'title'},
subtitle: {text: 'subtitle'},
xAxis: {
min: 2,
max: 5,
type: 'linear',
title: {
text: 'Weight'
}
},
yAxis: {
title: {
text: 'Height'
},
min: 110,
max: 170
},
legend: {
Layout : 'vertical'
},
tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x:%e. %b}: {point.y:.2f} m'
},
plotOptions: {
scatter: {
dataLabels: {
formatter: function() {
return this.series.name ;
},
enabled: true
},
marker: {
radius: 5,
states: {
hover: {
enabled: true,
lineColor: 'rgb(100,100,100)'
}
}
},
states: {hover: {marker: {enabled: false}}},
tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x} cm, {point.y} kg'
}
}
},
series: [{
name: "A TEST ", data: [[3.91, 140.63]]
}, {
name: "B - PLEASE SHOW ME",
data: [[3.65, 143.68]]
}, {
name: "C TEST ",
data: [[2.69, 172.94]]
}
]
});
});
如果重叠不成问题,则使用
allowOverlap:true,
相关文章:
- 我想在AngularJS应用程序中创建一个输入数字框,用户不应该在该框上键入十进制数字.(一个整数输入框)
- 显示/隐藏不起作用
- Javascript代码添加了一些不应该存在的内容
- 潜水隐藏不起作用
- Javascript随机显示/隐藏不起作用
- 有没有任何情况下,一个方法不应该是原型方法
- 当我认为它不应该重新渲染视图时,如何防止 Meteor 在 html 选择 dom 单击事件上重新渲染视图
- JavaScript - 输入按钮隐藏 - 不起作用
- Node.js Promise - 代码不应该等到 .then 完成()
- 跳跃运动:旋转轴 – 如果手静止不动,它不应该在 0 左右
- 如何在 html 和 javascript 中显示隐藏不确定的循环进度条
- 如果我不应该在组件WillUpdate中调用setState,如何更新状态(使用ReactJS)
- Javascript:尝试从多个没有匹配的数组中采样,在不应该的时候循环递增
- 这个正则表达式不应该工作吗?
- 脚本执行,但代码隐藏不执行
- 如何避免隐藏不应该隐藏的部分
- 高图重叠标签不应该被隐藏
- HTML隐藏输入不应该是可编辑的
- Chrome隐藏了不应该被影响的元素
- 键盘箭头导航不应该考虑隐藏的特殊字符