美文网首页转发收藏
ECharts的symbolsize设置

ECharts的symbolsize设置

作者: YangJi_cd4c | 来源:发表于2019-04-01 00:45 被阅读700次

    看来pycharts没法类似设置回调函数了?

    https://blog.csdn.net/YeShenLiaoSuiFeng/article/details/82750043

    symbolSize number, Array, Function

    [ default: 4 ]

    标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10。

    如果需要每个数据的图形大小不一样,可以设置为如下格式的回调函数:

    (value: Array|number, params: Object) => number|Array

    其中第一个参数 value 为 data 中的数据值。第二个参数params 是其它的数据项参数。

    所以symbolSize可以全局设置和局部设置两种方式,值的设置方式有两种,单值和双值的形式。

    指的方式:

    1.单值形式:symbolSize: 4

    2.双值形式:symbolSize: 【3,4】 (宽高)

    数据的设置的方式区分全局和局部

    1.全局

    series: {

         symbolSize: 4

    }

    2.局部

    方法一:在data的每一项中去设置 symbolSize

    series: [{

            data: [{value: 820, symbolSize: 0}, {value: 820, symbolSize: 10}],

            symbol:'circle',

            smooth: true

        }]

    };

    方法二  使用回调函数

    var size = [16,0,0,0,8]

    series: [{

             data: [ 820,820,800,900,780,500],

            symbol:'circle',

            symbolSize:(rawValue, params) => {

                params.symbolSize = size[params.dataIndex]

                return params.symbolSize

            },

            type: 'line',

            smooth: true

        }]

    ---------------------

    作者:头名字W

    来源:CSDN

    原文:https://blog.csdn.net/YeShenLiaoSuiFeng/article/details/82750043

    版权声明:本文为博主原创文章,转载请附上博文链接!

    相关文章

      网友评论

        本文标题:ECharts的symbolsize设置

        本文链接:https://www.haomeiwen.com/subject/ofopbqtx.html