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 }

 

Vue使用echart

上一篇:Xml 的读写


下一篇:三代码使用QScrollArea