gridster.js
я есть две одинаковые графики, вертикальная и горизонтальная.
На этих графиках есть небольшие значения, при которых подпись не отображается, по вертикали, чтобы решить эту проблему, я применил MinPointLength к серии, и все стало как надо.
У меня есть горизонтальная гистограмма и небольшое значение в ней. Если я установлю minPointLength на красную серию - тогда моя серия будет скрыта.
После
Почему в jsfiddle minPointLenght работает, а в моей ситуации - нет? Я размещаю график с гридстером JS. Я хочу увидеть все мои серии и ярлыки, как я могу это сделать?
Highcharts.chart('container', {
chart: {
height: 100,
type: 'bar'
},
title: {
text: null
},
credits: {
enabled: false
},
navigation: {
buttonOptions: {
enabled: false
}
},
xAxis: {
visible: false,
categories: ['Activity'],
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
labels: {
enabled: false
},
},
yAxis: {
visible: false,
min: 0,
max:100,
title: {
text: ''
},
gridLineWidth: 0,
minorGridLineWidth: 0,
},
legend: {
enabled: false,
reversed: true
},
plotOptions: {
series: {
borderWidth: 0,
stacking: 'normal',
pointWidth: 3,
dataLabels: {
format: '{y} % <br/> {series.name}',
enabled: true,
y: 2,
verticalAlign: 'top',
align: 'left',
color: '#000000',
style: {
textOutline: false
}
}
}
},
series: [ {
name: '2 series',
data: [71],
color: '#ff9f1c',
},
{
name: '1 series',
data: [28.5],
color: '#44bba4',
},
{
name: '0 series',
data: [5.8],
color: '#f45b69'
},]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>