2016 - 2024

感恩一路有你

echarts设置画布大小 echarts图表怎么自适应屏幕大小?

浏览量:3157 时间:2021-03-15 08:06:17 作者:admin

echarts图表怎么自适应屏幕大小?

如果一个页面有一个图表:myChart.setOption(option,window.onresize = myChart.resize);如果一个页面有多个图表(此处举例3个):vendor.setOption(vendors)company.setOption(companys)在最后加上如下代码//图表根据窗口大小自适应setTimeout(function (){window.onresize = function () {shopsInfo.resize()vendor.resize()company.resize()}})

echarts地图的散列点,需要每个区域的闪烁点的大小各不相同?

echarts地图的散列点,需要每个区域的闪烁点的大小各不相同,主要通过属性symbolSize进行设置,如果这个值设置为一个数值,那么所有闪缩点大小就都一样,如何根据区域的值设置为不一样的呢?

echarts配置项

官网查找echarts的symbolSize配置项说明,我们知道可以自定义该配置项。

解决办法

为symbolSize提供一个自定义的回调函数,但是这个函数该怎么写呢?按照官网的说明,就是可以接受两个参数value和params,对于地图渲染的时候会将一个地图区域的数据作为value传入该回调函数中,它是一个数组,value[0]是经度,value[1]是维度,value[2]是对应的值。示例代码:

symbolSize: function (val,params) {

return val[2] * 40

}

1

2

3

1

2

3

echarts图表的回调函数都是插件自动调用并传递参数的,参数个数可以查看官方文档。值得注意的是:这里的symbolSize的回调函数只能是匿名函数,而不能是一个全局的函数。

简单应用,记录一下。

echarts设置画布大小 怎么设置echarts的大小 echarts设置y轴的刻度大小

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。