前言:
前面已经跟大家分享了使用echarts画柱状图、折线图,一些之前自己遇到的坑也跟大家说了,这次就不再赘述。官方有配置文档,很详细,大家不懂的地方也可以交流。
今日分享重点:画饼状图。
1.引入相关js
2.确定容器
3.定义画饼状图的方法,配置图表参数
/**
* 画饼图,主要用来画入郑、出郑行程时间统计
* @param container 容器
* @param legendData 菜单
* @param seriesData 图表数据
*/
function drawPie(container, legendData, seriesData) {
var pieChart = echarts.init(document.getElementById(container));
pieChartOption = {
tooltip : {
trigger : 'item',
formatter : "{a}
{b} : {c} ({d}%)"
},
legend : {
show : true,
type : 'scroll',
orient : 'horizontal',
left : 120,
top : 20,
bottom : 20,
data : legendData,
textStyle : {