Hide 0 values in Stacked Column Chart in Highcharts -
i want remove 0-values stacked column chart in highcharts. @ this:
at "15.08." see top value "0" confusing. how can hide this?
how can hide "low" values top "1" on "14.08." doesn't overflow area?
this code i'm using:
chartoptions = { chart: { type: 'column' }, title: { text: '' }, xaxis: { categories: ["14.08","15.08","16.08","17.08","18.08","19.08","20.08","21.08","22.08","23.08","24.08","25.08","26.08","27.08","28.08"] }, yaxis: { min: 0, title: { text: '' }, endontick: false, maxpadding: 0.0, stacklabels: { enabled: true, style: { fontweight: 'bold', color: (highcharts.theme && highcharts.theme.textcolor) || 'gray' } }, allowdecimals: false }, legend: { align: 'right', x: 0, verticalalign: 'top', y: 0, floating: true, backgroundcolor: (highcharts.theme && highcharts.theme.legendbackgroundcolorsolid) || 'white', bordercolor: '#ccc', borderwidth: 1, shadow: false }, tooltip: { formatter: function () { return '<b>' + this.x + '</b><br/>' + this.series.name + ': ' + this.y + '<br/>' + 'gesamt: ' + this.point.stacktotal; } }, plotoptions: { column: { stacking: 'normal', datalabels: { enabled: true, color: (highcharts.theme && highcharts.theme.datalabelscolor) || 'white' }, treshold: 1 } }, series: [{"name":"a","data":[1,0,0,0,0,0,0,0,0,0,1,0,0,0,0],"_colorindex":0},{"name":"b","data":[92,91,65,56,102,146,146,86,117,115,103,108,137,134,19],"_colorindex":1},{"name":"c","data":[13,4,3,1,5,13,2,4,2,2,3,3,2,8,0],"_colorindex":2},{"name":"d","data":[3,6,1,4,3,6,3,2,1,6,3,3,0,6,1],"_colorindex":3},{"name":"e","data":[41,19,8,16,30,32,46,19,17,11,15,13,52,30,2],"_colorindex":4},{"name":"f","data":[5,2,3,2,5,3,4,2,3,2,1,3,4,12,1],"_colorindex":5},{"name":"g","data":[70,80,77,72,77,94,80,60,52,75,49,84,74,72,12],"_colorindex":6},{"name":"h","data":[0,1,0,0,0,0,0,0,0,0,2,0,0,0,0],"_colorindex":7},{"name":"i","data":[0,1,1,0,0,0,0,0,0,0,0,0,1,0,0],"_colorindex":8},{"name":"j","data":[0,0,2,0,0,1,0,1,1,1,0,4,2,1,0],"_colorindex":0},{"name":"k","data":[0,0,0,0,0,1,1,1,0,0,0,0,0,0,0],"_colorindex":1}] }; container = $('#chart'); container.highcharts(chartoptions);
you can use label.formatter, example: http://jsfiddle.net/fusher/4nxyh/4/
formatter: function(){ console.log(this); var val = this.y; if (val < 6) { return ''; } return val; },
Comments
Post a Comment