We_Relese/App/Relese/Views/Play/__/_Chart_Cmd2.cshtml

@using WeApp.Helpers
<div class="area" id="chart-cmd"></div>
@using (Html.BeginScripts())
{
    <script>
        //指令
        var cmdChart = echarts.init(document.getElementById('chart-cmd'));
        function CmdChart(data, category) {
            if (data && data.length > 0) {
                //console.log("CMD", data);
            } else {
                console.log("CMD-Null");
                return;
            }
            var series = [];
            for (var i = 0; i < data.length; i++) {
                var item = data[i];

                series.push({
                    name: item.name,
                    type: "bar",
                    data: item.data,
                    stack: "cmd",
                    label: {
                        normal: {
                            show: true,
                            //formatter: '{a} : {c} 条',
                            formatter: ' {c} ',
                            color: "#eee"
                        }
                    },
                    barMaxWidth: 50,
                    barMinHeight: 20,
                    itemStyle: {
                        color: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 1,
                            y2: 0,
                            colorStops: [
                                {
                                    offset: 0,
                                    color: roundColor[i % 3] // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#27303f' // 100% 处的颜色
                                }
                            ]
                        }
                    }
                    //itemStyle: {
                    //    color: {
                    //        type: 'linear',
                    //        x: 0,
                    //        y: 0,
                    //        x2: 0,
                    //        y2: 1,
                    //        colorStops: [
                    //            {
                    //                offset: 0,
                    //                color: roundColor[i % 3] // 0% 处的颜色
                    //            }, {
                    //                offset: 1,
                    //                color: '#27303f' // 100% 处的颜色
                    //            }
                    //        ]
                    //    },
                    //    barBorderRadius: [50, 50, 0, 0]
                    //}
                });
            }
            window.titleOpt.text = "处置指令统计示意图";
            var option = {
                grid: {
                    top: 40,
                    bottom: 20,
                    left: 30,
                    right: 10,
                    borderColor: textColor[1]
                },
                legend: {
                    right: 20,
                    textStyle: {
                        color: textColor[1]
                    },
                    icon: 'circle'
                },
                title: window.titleOpt,
                xAxis: {
                    type: 'category',
                    data: category,
                    axisLabel: {
                        color: textColor[1]
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: textColor[0]
                        }
                    }
                },
                yAxis: {
                    type: 'value',
                    splitNumber: 4,
                    axisLabel: {
                        color: textColor[1]
                    },
                    axisLine: {
                        show: false,
                        lineStyle: {
                            color: textColor[0]
                        }
                    },
                    splitLine: {
                        show: true,
                        lineStyle: {
                            color: textColor[0]
                        }
                    }
                },
                series: series
            };
            //console.log(option);
            cmdChart.setOption(option);
        }
    </script>
}