TESTecharts graph配置项内容和展示

Stats：325

       function roundDatas(num) {
     var datas = [];
     for (var i = 50; i < num; i++) {
         datas.push({
             name: 'circle' + i
         });
     }
     return datas;
 }
 option = {
     backgroundColor: "#000",
     title: {
         text: 'Hand string',
         subtext: 'Stats：325',
         top: "center",
         left: "center",
         textStyle: {
             fontSize: 16,
             color: '#e3e3e3',
             fontWeight: '100'
         },
         subtextStyle: {
             fontSize: 24,
             color: '#e3e3e3',
             fontWeight: '100'
         }
     },
     
     series: [
        {
         type: 'graph',
         tooltip: {},
         ribbonType: true,
         layout: 'circular',
         hoverAnimation: false,
         z:0,
         width: '60%',
         height: '60%',
         circular: {
             rotateLabel: true
         },
         //这里可以调出不同效果
         symbolSize: 150,
         data: roundDatas(100),
         itemStyle: {
             normal: {
                 label: {
                     show: false
                 },
                 borderColor:'#e3e3e3',
                 borderWidth:'.1',
                 color: 'rgba(0, 255, 255, .01)',
             },
             emphasis: {
                 label: {
                     show: false,
                 }
             }
         },}, 
        {
         type: 'graph',
         ribbonType: true,
         layout: 'circular',
         width: '60%',
         height: '60%',
         circular: {
             rotateLabel: true
         },
         symbolSize: 30,
         label: {
             normal: {
                 position: 'center',
                 formatter: '{b}\n{c}万',
                 normal: {
                     textStyle: {
                         fontFamily: '宋体'
                     }
                 }
             }
         },
         itemStyle: {
             normal: {
                 shadowBlur: 3,
                 shadowColor: 'rgba(0, 0, 0, 0.5)',
                 shadowOffsetY: 3,
                 shadowOffsetX: 3,
                 label: {
                     show: true,
                     formatter: '{b}\n{c}万({d}%)',
                     color: '#e3e3e3',
                 },
                 labelLine: {
                     show: true,
                     length: 40,
                     lineStyle: {
                         color: '#0ff',
                     }
                 },
                 color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                     offset: 0,
                     color: '#fff'
                 }, {
                     offset: 0.3,
                     color: '#1ffdfd'
                 }, {
                     offset: 1,
                     color: '#096869'
                 }])
             },
             emphasis: {
                 label: {
                     show: false,
                 }
             }
         },
         data: [{
             name: '2010年',
             symbolSize: 10,
             value: 10,
         }, {
             name: '2012年',
             symbolSize: 15,
             value: 15,
         }, {
             name: '2013年',
             symbolSize: 20,
             value: 20,
         }, {
             name: '2014年',
             symbolSize: 25,
             value: 25,
         }, {
             name: '2015年',
             symbolSize: 30,
             value: 30,
         }, {
             name: '2016年',
             symbolSize: 35,
             value: 35,
         }, {
             name: '2017年',
             symbolSize: 40,
             value: 40,
         }, {
             name: '2018年',
             symbolSize: 45,
             value: 45,
         }, {
             name: '2019年',
             symbolSize: 50,
             value: 50,
         }, {
             name: '2020年',
             symbolSize: 55,
             value: 55,
         }],
     }
     ]
 };