医院运营构成图ECharts Gallery

20:11:45图表已生成
代码
 var colors = ['#FFAE57', '#FF7853', '#EA5151', '#CC3F57', '#9A2555'];
 var bgColor = '#FFF';

 var itemStyle = {
     star5: {
         color: colors[0]
     },
     star4: {
         color: colors[1]
     },
     star3: {
         color: colors[2]
     },
     star2: {
         color: colors[3]
     }
 };

 var data = [{
     name: '门诊',
     itemStyle: {
         normal: {
             color: colors[1]
         }
     },
     children: [{
         name: '五官科',
         children: [{
             name: '5☆',
             children: [{
                 name: '眼科'
             }, {
                 name: '鼻科'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '耳科'
             }]
         }, {
             name: '3☆',
             children: [{
                 name: '口腔科'
             }]
         }]
     }, {
         name: '内科',
         children: [{
             name: '5☆',
             children: [{
                 name: '心脏内科'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '肺科'
             }, {
                 name: '肝科'
             }]
         }, {
             name: '3☆',
             children: [{
                 name: '肠胃科'
             }]
         }]
     }]
 }, {
     name: '住院',
     itemStyle: {
         color: colors[2]
     },
     children: [{
         name: '骨科',
         children: [{
             name: '5☆',
             children: [{
                 name: '骨折'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '骨质酥松'
             }, {
                 name: '粉碎性骨折'
             }]
         }, {
             name: '3☆',
             children: [{
                 name: '截肢'
             }]
         }]
     }, {
         name: '外科',
         children: [{
             name: '5☆',
             children: [{
                 name: '金创处理'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '断指再造'
             }, {
                 name: '外部肿瘤处理'
             }, {
                 name: '感染处理',
             }]
         }, {
             name: '3☆',
             children: [{
                 name: '断指缝合处理'
             }]
         }]
     }, {
         name: '心内科',
         children: [{
             name: '5☆',
             children: [{
                 name: '冠心病'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '中风'
             }, {
                 name: '脑血栓'
             }]
         }, {
             name: '3☆',
         }, {
             name: '2☆',
             children: [{
                 name: '动脉粥样硬化'
             }]
         }]
     }, {
         name: '胸外科',
         children: [{
             name: '4☆',
             children: [{
                 name: '胸板结'
             }, {
                 name: '胸腔手术'
             }, {
                 name: '开胸术'
             }]
         }]
     }, {
         name: '肛肠科',
         children: [{
             name: '5☆',
             children: [{
                 name: '痔疮'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '肛瘘'
             }, {
                 name: '脱肛'
             }]
         }, {
             name: '3☆',
             children: [{
                 name: '肛裂'
             }]
         }]
     }, {
         name: '牙科',
         children: [{
             name: '4☆',
             children: [{
                 name: '拔智齿'
             }]
         }]
     }, {
         name: '美容科',
         children: [{
             name: '5☆',
             children: [{
                 name: '整形'
             }]
         }, {
             name: '4☆',
             children: [{
                 name: '祛痘'
             }]
         }]
     }]
 }];

 for (var j = 0; j < data.length; ++j) {
     var level1 = data[j].children;
     for (var i = 0; i < level1.length; ++i) {
         var block = level1[i].children;
         var bookScore = [];
         var bookScoreId;
         for (var star = 0; star < block.length; ++star) {
             var style = (function(name) {
                 switch (name) {
                     case '5☆':
                         bookScoreId = 0;
                         return itemStyle.star5;
                     case '4☆':
                         bookScoreId = 1;
                         return itemStyle.star4;
                     case '3☆':
                         bookScoreId = 2;
                         return itemStyle.star3;
                     case '2☆':
                         bookScoreId = 3;
                         return itemStyle.star2;
                 }
             })(block[star].name);

             block[star].label = {
                 color: style.color,
                 downplay: {
                     opacity: 0.5
                 }
             };

             if (block[star].children) {
                 style = {
                     opacity: 1,
                     color: style.color
                 };
                 block[star].children.forEach(function(book) {
                     book.value = 1;
                     book.itemStyle = style;

                     book.label = {
                         color: style.color
                     };

                     var value = 1;
                     if (bookScoreId === 0 || bookScoreId === 3) {
                         value = 5;
                     }

                     if (bookScore[bookScoreId]) {
                         bookScore[bookScoreId].value += value;
                     } else {
                         bookScore[bookScoreId] = {
                             color: colors[bookScoreId],
                             value: value
                         };
                     }
                 });
             }
         }

         level1[i].itemStyle = {
             color: data[j].itemStyle.color
         };
     }
 }

 option = {
     backgroundColor: bgColor,
     color: colors,
     series: [{
         type: 'sunburst',
         center: ['50%', '48%'],
         data: data,
         sort: function(a, b) {
             if (a.depth === 1) {
                 return b.getValue() - a.getValue();
             } else {
                 return a.dataIndex - b.dataIndex;
             }
         },
         label: {
             rotate: 'radial',
             color: bgColor
         },
         itemStyle: {
             borderColor: bgColor,
             borderWidth: 2
         },
         levels: [{}, {
             r0: 0,
             r: 40,
             label: {
                 rotate: 0
             }
         }, {
             r0: 40,
             r: 105
         }, {
             r0: 115,
             r: 140,
             itemStyle: {
                 shadowBlur: 2,
                 shadowColor: colors[2],
                 color: 'transparent'
             },
             label: {
                 rotate: 'tangential',
                 fontSize: 10,
                 color: colors[0]
             }
         }, {
             r0: 140,
             r: 145,
             itemStyle: {
                 //     shadowBlur: 80,
                 shadowColor: colors[0]
             },
             label: {
                 position: 'outside',
                 //        textShadowBlur: 5,
                 textShadowColor: '#333',
             },
             downplay: {
                 label: {
                     opacity: 1
                 }
             }
         }]
     }]
 };
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
