JS Echarts之雷达图的使用

效果图：

 这里给出了第一一个图的例子JS代码：

$(function () {
 　　　　　　　　　　　　　　　　　　　　　　var qxarr = new Array(7);//清洗数据5

　　　　　　　　　　　　　　　　　　　　　　　　var maxarr = new Array(7);//最优区间最大值
　　　　　　　　　　　　　　　　　　　　　　　　var minarr = new Array(7);//最优区间最小值

　　　　　　　　　　　　　　　　　　　　　　　//三组数据的值需要自己填充

//清洗值、最优区间
                                    document.getElementById("div1").style.display = 'block';
                                    var data1 = qxarr;
                                    var data2 = maxarr;
                                    var data5 = minarr;
                                    var data3 = ['清洗值', '最优区间最大值', '最优区间最小值'];
                                    var data4 = [{ name: '垂厚', max: maxarr[0] * 1.2 }, { name: '地层电阻率', max: maxarr[1] * 1.2 }, { name: '声波时差', max: maxarr[2] * 1.2 }, { name: '孔隙度', max: maxarr[3] * 1.2 }, { name: '渗透率', max: maxarr[4] * 1.2 }, { name: '含油饱和度', max: maxarr[5] * 1.2 }, { name: '泥质含量', max: maxarr[6] * 1.2 }];
                                    InitZYData('div1', '最优区间', data1, data2, data3, data4, data5);


function InitZYData(div, Titlename, data1, data2, data3, data4, data5) {
                    var dom = document.getElementById(div);
                    var myChart = echarts.init(dom, 'shine');
                    var app = {};
                    option = null;
                    option = {
                        title: {
                            text: Titlename,
                            textStyle: {
                                fontSize: 15
                            }
                        },
                        tooltip: {},
                        legend: {
                            data: data3
                            , textStyle: {
                                fontSize: 10
                            }
                            , top: '6%'
                        },
                        radar: {
                            // shape: 'circle',
                            name: {
                                textStyle: {
                                    color: '#fff',
                                    backgroundColor: '#999',
                                    borderRadius: 3,
                                    padding: [3, 3],
                                    fontSize: 10
                                }
                            },
                            indicator: data4,
                            radius: '60%'
                        },
                        series: [{
                            type: 'radar',
                            // areaStyle: {normal: {}},
                            data: [
                                {
                                    value: data1,
                                    name: data3[0]
                                },
                                {
                                    value: data2,
                                    name: data3[1],
                                    areaStyle: {

                                        opacity: 0.3
                                    }
                                }
                                ,
                                {
                                    value: data5,
                                    name: data3[2],
                                    areaStyle: {

                                        opacity: 0.6
                                    }
                                }
                            ]
                        }]
                    };;
                    if (option && typeof option === "object") {
                        myChart.setOption(option, true);
                    }
                }




}）；

最主要的是要引入这三个文件：

<script type="text/javascript" src="../js/echart.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/shine.js"></script>

详细属性设置请参考：https://echarts.apache.org/zh/option.html#title