Vue使用echart

 1 legend: {
 2     orient: 可能值：‘horizontal‘ || ‘vertical‘。朝向
 3     x: 可能值： ‘right‘ || ‘center‘ || ‘left‘ || {number}。X轴位置
 4     y: 可能值： ‘top‘ || ‘center‘ || ‘bottom‘ || {number}。Y轴位置
 5     backgroundColor: 可能值： ‘颜色‘。背景色
 6     borderColor: 可能值： ‘颜色‘。边框颜色
 7     borderWidth: 可能值： {number}。边框宽度
 8     padding: 可能值： {number | [number, number, number, number]}。内填充
 9     itemGap: 可能值： {number}。每一项的间距
10     itemHeight: 可能值：{number}.控制legend的大小。
11     textStyle: 可能值： {color: ‘red‘}。文本样式可能值是一个obj。
12     selected: {
13         ‘降雨量‘: false
14     }, 可能值：{object}。设置图例的某个选项的数据默认为显示还是隐藏。true - 显示。false - 隐藏
15     data: [{
16         name: ‘流量‘,
17         icon: ‘circle‘,//‘image://../asset/ico/favicon.png‘,//标志图形类型，默认自动选择（8种类型循环使用，不显示标志图形可设为‘none‘），默认循环选择类型有：‘circle‘ | ‘rectangle‘ | ‘triangle‘ | ‘diamond‘ |‘emptyCircle‘ | ‘emptyRectangle‘ | ‘emptyTriangle‘ | ‘emptyDiamond‘另外，还支持五种更特别的标志图形‘heart‘（心形）、‘droplet‘（水滴）、‘pin‘（标注）、‘arrow‘（箭头）和‘star‘（五角星），这并不出现在常规的8类图形中，但无论是在系列级还是数据级上你都可以指定使用，同时，‘star‘ + n（n>=3)可变化出N角星，如指定为‘star6‘则可以显示6角星
18         textStyle: {fontWeight: ‘bold‘, color: ‘orange‘}
19     }, ‘降雨量‘]
20 }