javascript - Highchart not fully rendered, only when mouse over -
im making pie chart lot of data, chart not rendered (only half) other half rendered when pass mouse over, , not always, here code!:
// create chart $('#container').highcharts( { chart: { type: 'pie', height: 1200, width: 1200 }, title: { text: 'films category' }, yaxis: { title: { text: 'total percent market share' } }, plotoptions: { pie: { shadow: false, center: ['50%', '50%'] } }, tooltip: { valuesuffix: '%' }, series: [ { name: 'film cateories', data: browserdata, size: '60%', datalabels: { formatter: function() { return this.y > 5 ? this.point.name : null; }, color: 'white', distance: -30 } }, { name: 'films', data: versionsdata, size: '80%', innersize: '60%', datalabels: { formatter: function() { // display if larger 1 return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%' : null; } }, cursor: 'pointer', point: { events: { click: function() { alert("value "+this.y+" category "+this.category+" id "+this.id); } } } }] }); });
thanks in advance!
Comments
Post a Comment