Highcharts多系列线条宪章,标记变为不可见
我需要HighCharts图形来显示一个在同一条线上有3个系列和三角形标记的折线图。我有一个看起来很好的方法,但是如果这些点太近,整个系列就看不见了Highcharts多系列线条宪章,标记变为不可见,highcharts,Highcharts,我需要HighCharts图形来显示一个在同一条线上有3个系列和三角形标记的折线图。我有一个看起来很好的方法,但是如果这些点太近,整个系列就看不见了 $(function () { $('#container').highcharts({ title: { text: null }, chart: { type: 'line', plotBackgroundImage: null, backgroundCol
$(function () {
$('#container').highcharts({
title: {
text: null
},
chart: {
type: 'line',
plotBackgroundImage: null,
backgroundColor: 'transparent',
width: 350,
height: 520,
borderWidth: 0,
marginTop: 0,
marginBottom: 50,
marginLeft: 140,
},
legend: {
align: 'left',
verticalAlign: 'top',
layout: 'vertical',
x: 0,
y: 20
},
xAxis: {
type: 'datetime',
lineWidth: 2,
lineColor: "#FF0000",
label: {
enabled: true,
format: "{value}"
}
},
yAxis: {
labels: {
enabled: false
},
gridLineColor: '#197F07',
title: {
text: null
}
},
plotOptions: {
series: {
marker: {
radius: 8,
symbol: "triangle"
}
},
line: {
lineWidth: 0
}
},
series: [{
data: [
[Date.UTC(2010, 0, 1), 0],
[Date.UTC(2010, 5, 1), 0],
[Date.UTC(2010, 11, 1), 0]
],
color: "#FF0000",
name: 'Group 1',
}, {
data: [
[Date.UTC(2010, 2, 1), 0],
[Date.UTC(2010, 3, 1), 0],
[Date.UTC(2010, 8, 1), 0]
],
color: "#00FF00",
name: 'Group 2'
}, {
data: [
[Date.UTC(2010, 1, 1), 0],
[Date.UTC(2010, 6, 1), 0],
[Date.UTC(2010, 9, 1), 0],
[Date.UTC(2011, 5, 1), 0]
],
color: "#0000FF",
name: 'Group 3'
}]
});
});
在本例中,在JSFIDLE上,绿色三角形是不可见的,除非您将鼠标悬停在它们上面。如果图表宽度设置为550,绿色三角形将可见
我想找到一种方法,使这些在任何时候都可见。谢谢 我不确定最初出现此问题的原因,但似乎可以通过明确说明
plotOptions.series.marker
的enabled:true
来解决此问题。像这样:
plotOptions: {
series: {
marker: {
enabled: true, // Added
radius: 8,
symbol: "triangle"
}
},
line: {
lineWidth: 0
}
}
请参阅演示。谢谢!让我的日子更轻松:)