默认option指令:

    <chart-radar option="option"></chart-radar>
    【必写属性】默认option,参数有限,配置简单

scope中的数据:

    $scope.option = {
        title: '基础雷达图',
        indicator: [
            { name: '销售', max: 6500},
            { name: '管理', max: 16000},
            { name: '信息技术', max: 30000},
            { name: '客服', max: 38000},
            { name: '研发', max: 52000},
            { name: '市场', max: 25000}
        ],
        series: [{
            value : [4300, 10000, 28000, 35000, 50000, 19000],
            name : '预算分配'
        }, {
            value : [5000, 14000, 28000, 31000, 42000, 21000],
            name : '实际开销'
        }],
        backgroundColor: '#f5f5f5',     //背景颜色,默认无背景色
        saveAsImage: false              //是否显示"保存为图片"
    };


增强option指令: <chart-radar option="option" origin="true"></chart-radar> origin="true" : option可以是echarts line支持的所有属性 scope中的数据: 参考官方文档
响应点击事件指令: <chart-radar option="option" radar-click="onRadarClick();" output-data="nodeInfo"></chart-radar> line-click="onLineClick();": 自定义点击事件 output-data="nodeInfo": 【必写属性】点击处的数据 scope中的数据: $scope.onLineClick = function(){ console.table($scope.nodeInfo); }

如果legend数据太长导致内容重叠,提供三种建议方案: 方案1. 增加图表显示区域的宽高; 方案2. 将origin置为true,通过更全的参数调整渲染布局; 方案3. 将legend隐藏,在图标DOM旁边自定义legendDOM。