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

@using WeApp.Helpers
<div class="area" id="chart-wl"></div>
@using (Html.BeginScripts())
{
    <script>
        var wuLiChart = echarts.init(document.getElementById('chart-wl'));
        //五力
        function WuLiChart(data, legend) {
            if (data && data.length > 0) {
                //console.log("WuLi", data);
            } else {
                console.log("WuLi-Null");
                return;
            }
            var series = [];
            var radar = [];
            var pos = [[50], [30, 60], [20, 50, 80]];
            for (var i = 0; i < data.length; i++) {
                if (i < 3) {
                    var item = data[i];
                    radar.push({
                        indicator: item.indicator,
                        //center: ['50%', (minSplit * (i+1)) + '%'],
                        radius: "60% ",
                        center: [pos[data.length - 1][i] + '%', '55%'],
                        splitNumber: 4,
                        nameGap: 5,
                        startAngle: 90,
                        scale: true,
                        axisLine: {
                            show: false
                        },
                        splitLine: {
                            lineStyle: {
                                color: textColor[1]
                            }
                        },
                        splitArea: {
                            show: true,
                            //color: {
                            //    shadowColor: 'rgba(0, 0, 0, 0.1)',
                            //    shadowBlur: 10
                            //}
                        }
                    });

                    series.push({
                        name: item.name + i,
                        type: 'radar',
                        radarIndex: i,
                        color: roundColor[i],
                        areaStyle: {
                            opacity: 0.5
                        },
                        data: item.data
                    });
                }

            }
            window.titleOpt.text = "五力评析示意图";
            var option = {
                grid: {
                    top: 60,
                    bottom: 40,
                    left: 30, right: 30
                },
                legend: {
                    bottom: 0,
                    textStyle: {
                        color: textColor[1]
                    },
                    icon: "circle",
                    data: legend
                },
                title: window.titleOpt,
                radar: radar,
                series: series
            };

            //console.log(option);
            wuLiChart.setOption(option);
        }
    </script>
}