数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts宁波市地图颜色渐变效果实例。
宁波市，简称“甬”，是浙江省辖地级市、副省级市、计划单列市、Ⅰ型大城市、上海大都市圈重...
yekong
1年前 (2023-12-13)
喜欢
echarts地图渲染时，tooltip下的formatter不执行，排查后发现：
地图没有触发formatter的原因可能与geo组件的配置有关。在代码中，tooltip组件的触发器（trigger）被设置为'item'，但是geo组件并没有提供series数据。为了解决这个问...
yekong
1年前 (2023-12-13)
喜欢
echarts dataZoom默认会有一个拖动按钮，客户不想要这个拖动按钮我们需要隐藏一下。
我们将moveHandleSize（移动手柄的尺寸高度）设置为0以后，拖动按钮就看不到了.
dataZoom: [
{
type: 'slider',
orien...
yekong
1年前 (2023-12-12)
喜欢
echarts项目渲染中，会出现多条不同类型的数据，这时候我们需要设置多个y轴，但是y轴太多的话放在一块会重叠，这时候我们需要调整一下y轴的位置。
设置y轴位置
我们通过position可以设置y轴在左侧还是右侧，除了左右两侧外，我们还可以通过offset来微调y轴的位置。
y...
yekong
1年前 (2023-12-11)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts孝感市地区地图geoJson数据。
孝感，是湖北省地级市，因东汉孝子董永卖身葬父、行孝感天动地而得名。孝感是湖北省区...
yekong
1年前 (2023-12-09)
喜欢
数据可视化大屏项目开发中，echarts柱状图会遇到数据过多展示不全的情况，客户想要实现展示一部分，然后鼠标拖动或者滚轮时，实现数据切换展示。
动态效果
关键代码
这里我们使用dataZoom来实现数据展示，将数据进行分组，每组展示5条
dataZoom: [
{
...
yekong
1年前 (2023-12-08)
喜欢
数据可视化大屏项目开发中，客户要求横向柱状图横坐标只显示最大值和最小值，这里将实现代码记录下来。
实例代码
drawEcharts() {
window.addEventListener('resize', this.drawEcharts)
// 基于...
yekong
1年前 (2023-12-08)
喜欢
echarts柱状图开发中，我们需要渲染各种各样的柱状图，今天整理的柱状图为自定义图片横向柱状图。
这里我们将柱状图分为两部分 一部分为主体，主体部分拉伸不受太大的视觉影响，一部分为最右侧的异形部分。
实例代码
drawLine() {
var that = thi...
yekong
1年前 (2023-12-07)
喜欢
echarts柱状图开发中，我们需要在柱状图的顶部添加定义小方块盖在柱状图上面，让柱状图看起来像盖了一个帽子，柱状图的底部增加一个三角形装饰图标。
效果解析
颜色渐变
首先柱状图是自下而上颜色渐渐变淡的效果，我们使用颜色渐变graphic.LinearGradient来实现。
...
yekong
1年前 (2023-12-04)
喜欢
数据大屏项目开发中，我们需要实现自定义颜色的横向柱状图，每个柱状图顶部都有一个帽子，帽子的颜色要和柱状图主体色一致。
实现代码
<template>
<div class="echarts1" ref="echarts&quo...
yekong
1年前 (2023-12-01)
喜欢
