分类:echarts

echarts

vue echarts-gl 3d地图从中国下钻到市级实例

vue echarts-gl 3d地图从中国下钻到市级实例
vue 数据大屏项目开发中,有时候会需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。今天的3d地图是从中国->省->市三级下钻实例。除了使用echarts实现3d地图下钻,我们还可以使用threejs来实现下钻效果,threejs 3d地图实...

yekong 7个月前 (10-14) 1835℃ 0喜欢

echarts 柱状图根据数据长度判断是否显示dataZoom

echarts 柱状图根据数据长度判断是否显示dataZoom
数据大屏项目开发中,柱状图需要显示四种日期的数据,本周只有7天 本月有30多条 上月也有30多条,这种数据量很大渲染的话肯定放不开,这就需要dataZoom来进行拖动显示,但是数据少的又不需要,所以我们需要进行判断显示 判断显示 我们需要根据数据长度进行判断,当数据长度大于12...

yekong 7个月前 (10-13) 346℃ 0喜欢

echarts上海市闵行区地图局部颜色渐变实例

echarts上海市闵行区地图局部颜色渐变实例
可视化数据大屏 项目中经常遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,所以将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts上海市闵行区地图局部颜色渐变实例。 echarts上海市闵行区自定义背景图效果 采用底图加ec...

yekong 7个月前 (10-10) 657℃ 0喜欢

echarts柱状图数据过多dataZoom轮播显示

echarts柱状图数据过多dataZoom轮播显示
echarts柱状图数据过多时,客户会想让柱状图下的dataZoom自动切换轮播展示。 效果代码 实现思路 我们设置start和end两个值,定时每次增加20然后更新dataZoom当dataZoom达到100后,再从新开始,以此实现dataZoom的数据轮播显示。 <s...

yekong 7个月前 (10-10) 591℃ 0喜欢

echarts折线图负值areaStyle在折线图下方

echarts折线图负值areaStyle在折线图下方
当echarts折线图的数据有赋值的时候,areaStyle颜色区域会出现在折线图上方,这并不是我想要的效果,我想要的是areaStyle区域要一直处在折线图下方 代码修改 我们可以通过修改origin: 'start'来实现我们想要的效果 areaStyle: { nor...

yekong 7个月前 (10-07) 527℃ 0喜欢

中国地图geoJson渲染效果实例

中国地图geoJson渲染效果实例
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,今天为大家整理的是中国地图geoJson渲染实例,发出来供大家参考。 01 中国地图演示效果 02 3d效果加飞线图 03 自定义图标样式加飞线 04区域颜色渐变效果 05echarts地图visualM...

yekong 7个月前 (10-05) 2588℃ 1喜欢

echarts legend自定义图片图标

echarts legend自定义图片图标
echarts除了可以使用字体图标作为自定义图标外: echarts legend图标设置为圆角矩形或自定义图标,我们还可以使用自定义图片来实现legend的图标。 关键代码 使用自定义图标的方式因为每个数据的颜色不同,为了区分,我们需要给每组数据都指定一个图片图标。 lege...

yekong 8个月前 (10-04) 397℃ 0喜欢

上海市地图geoJson数据渲染实例

上海市地图geoJson数据渲染实例
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是上海市地图geoJson数据。 上海市 geoJson地图包含了 黄浦区,徐汇区,长宁区,静安区,普陀区,虹口区,杨浦区,闵行区...

yekong 8个月前 (10-02) 1580℃ 0喜欢

echarts没有动画效果的原因

echarts没有动画效果的原因
今天在优化以前的数据可视化大屏项目时,发现有一个echarts柱状图没有动画效果,但是其他图表都是有动画效果的,排查发现是因为这一段代码造成的 animation: false,,将false改为true后,图表动画效果就出现了。 完整option代码 var option = ...

yekong 8个月前 (09-30) 485℃ 0喜欢