码迷,mamicode.com
首页 > 其他好文 > 详细

Echarts - legend属性设置

时间:2019-08-29 18:08:26      阅读:811      评论:0      收藏:0      [点我收藏+]

标签:iam   char   gen   gap   gre   image   ted   als   icon   

legend: {
        orient: ‘horizontal‘, // ‘vertical‘
        x: ‘right‘, // ‘center‘ | ‘left‘ | {number},
        y: ‘top‘, // ‘center‘ | ‘bottom‘ | {number}
        backgroundColor: ‘#fff‘,
        borderColor: ‘rgba(178,34,34,0.8)‘,
        borderWidth: 4,
        padding: 10,    // [5, 10, 15, 20]
        itemGap: 20,
        textStyle: {color: ‘red‘},
        selected: {
            ‘降水量‘: false
        },
        data: [{
            name: ‘蒸发量‘,
            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角星
            textStyle: {fontWeight: ‘bold‘, color: ‘green‘}
        },
            ‘降水量‘, ‘最高气温‘, ‘最低气温‘
        ]
    }

  

Echarts - legend属性设置

标签:iam   char   gen   gap   gre   image   ted   als   icon   

原文地址:https://www.cnblogs.com/buxiugangzi/p/11430855.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!