首页 > 代码库 > highcharts饼图
highcharts饼图
效果:
JSON加载数据:
var chartseries2 = [ { name: ‘完成‘ + data.rate + ‘%‘, y: data.rate }, { name: ‘未完成‘ + data.rateless + ‘%‘, y: data.rateless }]; chart2.series[0].setData(chartseries2);
定义:
chart2 = new Highcharts.Chart({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, renderTo: ‘container2‘, type: ‘pie‘, backgroundColor: ‘rgba(0,0,0,0)‘ --设置背景色 }, title: { text: ‘‘ }, tooltip: { pointFormat: ‘{series.name}: <b>{point.percentage:.1f}%</b>‘ }, colors: [‘#00DD00‘, ‘#FF0000‘], plotOptions: { pie: { size: ‘100%‘, allowPointSelect: true, cursor: ‘pointer‘, dataLabels: { enabled: true, color: ‘#FFFF00‘, distance: -50, --设置偏移,使文字显示在图形内 connectorColor: ‘#000000‘, format: ‘<b>{point.name}</b>‘, style: { fontWeight: 0, fontSize: "25px"--设置文字大小 } }, formatter: function (index) { return ‘<span style="color:#00008B;font-weight:bold">‘ + this.point.name + ‘</span>‘; }, showInLegend: true } }, series: [{ data: [ { name: ‘完成80%‘, y: 80 }, { name: ‘未完成20%‘, y: 20 } ] }] });
highcharts饼图
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。