数据可视化大屏项目开发过程中，需要显示一些自定义的柱状图样式，这里用图片来实现的，legend也要用自定义图片来做图标，这里将实现的代码记录一下.
在 ECharts 中，你可以通过 legend 的 data 属性设置每个图例项的自定义图标。你可以为每个图例项提供一个对象，其...
yekong
1年前 (2023-08-12)
喜欢
数据可视化大屏项目开发过程中，需要一些特效，今天整理的效果是echarts 折线图流光效果，流光效果不适用于平滑曲线。
动态效果
实例代码
drawEcharts() {
// 基于准备好的dom，初始化echarts实例
let myChart = echarts....
yekong
1年前 (2023-08-11)
喜欢
设置前
设置后
ECharts 的 tooltip 组件有一个属性 confine，默认值为 false。当其设置为 true 时，tooltip 会被限制在图表的内容区域（由 grid.left/right/top/bottom，polar.radius，等参数定义）内。
...
yekong
1年前 (2023-08-02)
喜欢
在ECharts中，如果横坐标的数据太多，你可以通过添加dataZoom组件来实现拖动效果，dataZoom组件提供了数据区域的缩放和平移交互功能，可以使用户在查看数据详情的同时，保持大局观。以下是一个基本的示例：
var option = {
// ...
da...
yekong
1年前 (2023-07-31)
喜欢
vue echarts 调试的时候正常运行，打包后却无法正常显示报错了。
TypeError: Cannot set properties of undefined (setting ‘colorStops‘)
问题代码：
areaColor: echarts.graphic....
yekong
2年前 (2023-07-09)
喜欢
echarts 数据大屏开发中，需要渲染折线图，但是折线图渲染的数据是以条为单位的数据，不可能出现小数的情况，所以我们需要配置一下，让其最小间隔为1
设置前
设置后
要将 ECharts 中 Y 轴的最小间隔设置为 1，您可以使用 yAxis 配置项的 interval 属性...
yekong
2年前 (2023-07-07)
喜欢
echarts 柱状图顶部需要添加label用来显示数字，我们需要修改一下代码。
无label效果
有label效果
在ECharts中，你可以通过设置label属性的color和fontSize来改变顶部标签的颜色和字体大小。以下是一个相关的示例：
option = {
...
yekong
2年前 (2023-07-06)
喜欢
echarts 项目开发中，设计图是圆点，但是echarts默认是方形的，所以我们需要调整调整一下。
修改前
修改后
在 ECharts 中，你可以通过 "legend.icon" 的配置项来设置图例的图标形状。要将图例设置为圆点，你可以将 "l...
yekong
2年前 (2023-07-06)
喜欢
echarts 数据大屏开发时，有些模块的区域比较小，这时候的echarts柱状图的值可能会显示不完整导致很多数据堆叠到了一块，这时候我们需要调整一下。
处理前
处理后
要在 ECharts 中限制 Y 轴最多显示三条刻度线，您可以使用 yAxis 配置项的 max 和 mi...
yekong
2年前 (2023-07-06)
喜欢
echarts 项目开发中，需要给x轴和y轴添加文字标注，分别在左上角和右下角添加标注。这里我们使用title字段来实现。
要在 ECharts 中添加两个标题，一个位于左上角且绿色，另一个位于右下角且灰色，您可以使用 title 配置项的 textStyle 属性来设置标题的...
yekong
2年前 (2023-07-06)
喜欢
