Barra empilhada Highcharts minPointLength
Eu tenho dois gráficos semelhantes, vertical e horizontal.
Nesses gráficos, existem pequenos valores nos quais a assinatura não é exibida; na vertical, para resolver esse problema, apliquei o MinPointLength à série e tudo ficou como deveria.
Eu tenho um gráfico de barras empilhadas horizontais e algum valor pequeno. Se eu definir minPointLength como série vermelha, minhas séries serão ocultadas.
Depois de
Por que no jsfiddle minPointLenght está funcionando, mas na minha situação - não? Coloco o gráfico com a grade js. Quero ver todas as minhas séries e gravadoras, como posso fazer isso?
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>