分娩—黑白胎统计报表

描述:当前是关于Echarts图表中的 示例。
 
            option = {
    backgroundColor: "#404A59",
    color: ['#ffd285', '#ff733f', '#ec4863','#ffc0a9'],

    title: [{
        text: '分娩—黑白胎统计报表',
        left: '40%',
        top: '6%',
        textStyle: {
            color: '#fff'
        }
    }],
    tooltip: {
      
    },
    legend: {
        x: '30%',
        bottom: '1%',
        /*textStyle: {
            color: '#ffd285',
        },*/
        data: ['白胎数', '黑胎数', '死仔总数', '产仔总数'],
      textStyle: {
              color: '#fff'
          }
    },
    radar: {
        // shape: 'circle',
        indicator: [{
            name: '白胎比例 ',
            max: 65
        }, {
            name: '黑胎比例',
            max: 16
        }, {
            name: '死胎比例',
            max: 30
        } ],
        center: ['83%', '65%'],
        radius: 80
    },
    grid: {
        left: '10%',
        right: '32%',
        top: '16%',
        bottom: '6%',
        containLabel: true
    },
    toolbox: {
        "show": false,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        "axisLine": {
            lineStyle: {
                color: '#c0576d'
            }
        },
        "axisTick": {
            "show": false
        },
        axisLabel: {
            textStyle: {
                color: '#fff'
            }
        },
        boundaryGap: true, //false时X轴从0开始
        data: ['2017/7', '2017/8', '2017/9', '2017/10', '2017/11', '2017/12', '2018/1']
    },
    yAxis: {
        "axisLine": {
            lineStyle: {
                color: '#c0576d'
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#c0576d'
            }
        },
        "axisTick": {
            "show": false
        },
        axisLabel: {
            textStyle: {
                color: '#fff'
            }
        },
        type: 'value'
    },
    series: [
       
        {
            name: '白胎数',
         
            smooth: true,
            type: 'bar',
            symbolSize: 8,
            //symbol: 'circle',
            data: [90, 50, 39, 50, 120, 82, 80]
        }, {
            name: '黑胎数',
            smooth: true,
            type: 'bar',
            symbolSize: 8,
            //symbol: 'circle',
            data: [70, 50, 50, 87, 90, 80, 70]
        }, {
            name: '死仔总数',
            smooth: true,
            type: 'bar',
            symbolSize: 8,
            //symbol: 'circle',
            data: [20, 10, 20, 12, 15, 20, 30]
            
        }, 
        {
            name: '产仔总数',
            smooth: true,
            type: 'bar',
            symbolSize: 8,
            //symbol: 'circle',
            data: [290, 200, 210, 132, 115, 200, 190]
            
        },{
            type: 'pie',
            center: ['83%', '20%'],
            radius: ['15%', '20%'],
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            label: {
                normal: {
                    position: 'center'
                }
            },
            data: [{
                value: 335,
                name: '白胎比例 ',
                itemStyle: {
                    normal: {
                        color: '#ffd285'
                    }
                },
                label: {
                    normal: {
                        formatter: '{d} %',
                        textStyle: {
                            color: '#ffd285',
                            fontSize: 20

                        }
                    }
                }
            }, {
                value: 100,
               
                tooltip: {
                    show: false
                },
                itemStyle: {
                    normal: {
                        color: '#404A59'
                    }
                },
                label: {
                    normal: {
                        textStyle: {
                            color: '#ffd285',
                        },
                        formatter: '\n白胎比例 '
                    }
                }
            }]
        }, 

        {
            type: 'radar',
            center: ['83%', '85%'],
            //radius: ['15%', '20%'],
            //name: '雷达',
            tooltip: {

            },
            data: [{
                value: [43, 10, 28, 35, 50, 19],
                name: '比例'
            }, ]
        }
    ]
}