大佬教程收集整理的这篇文章主要介绍了jquery – HighCharts饼图图例值对齐,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$("document").ready( function(){ $('#container').highcharts({ chart:{ type:'pie',height: 300,width: 400 },credits:{enabled: false},colors:[ '#5485BC','#AA8C30','#5C9384','#981A37','#FCB319','#86A033','#614931','#00526F','#594266','#cb6828','#aaaaab','#a89375' ],title:{text: null},plotOptions: { pie: { allowPointSelect: true,cursor: 'pointer',showInLegend: true,dataLabels: { enabled: false,formatter: function() { return this.percentage.toFixed(2) + '%'; } } } },legend: { enabled: true,layout: 'vertical',align: 'right',width: 200,verticalAlign: 'middle',useHTML: true,labelFormatter: function() { return '<div style="text-align: left; width:130px;">' + this.name + '</div><div style="width:40px; text-align:right;">' + this.y + '%</div>'; } },series: [{ type: 'pie',dataLabels: { },data: [ ['Domestic Equity',38.5],['International Equity',26.85],['Other',15.70],['Cash and Equivalents',10.48],['Fixed Income',8.48] ] }] }); });
labelFormatter: function() { return '<div style="text-align: left; width:130px;float:left;">' + this.name + '</div><div style="width:40px; float:left;text-align:right;">' + this.y + '%</div>';
以上是大佬教程为你收集整理的jquery – HighCharts饼图图例值对齐全部内容,希望文章能够帮你解决jquery – HighCharts饼图图例值对齐所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。