数据可视化大屏项目开发中，会遇到各种各样的效果，今天遇到一个问题就是legend图标中矩形只有直角的，但是设计图里是
设计图效果
echarts实现效果
调整办法
echarts legend矩形图标默认只有直角的，没有圆角的，所以我们需要将图标改为svg格式的，我们可以通过...
yekong
1年前 (2023-11-04)
喜欢
echarts饼状图环形颜色渐变，并且上面有刻度，右侧使用自定义html实现legend饼状图中心是总数以及标题。
组件代码
<template>
<div class="echartsBodys">
<echart...
yekong
1年前 (2023-10-07)
喜欢
数据可视化大屏项目开发中，需要实现一个效果，饼状图每隔一段时间，饼状图的某个区域就会自动选中，类似鼠标移上去的效果，依次轮播显示数据。
实现代码
事先定义一个timer用来存放定时器，避免重复定时导致轮播异常，通过myChart.dispatchAction的downplay和...
yekong
1年前 (2023-09-28)
喜欢
echarts饼状图鼠标移入后会方法，这里我们并不想放大，需要进行一下设置，这里我们使用 hoverOffset: 0来进行控制
设置前
设置后
实现代码
{
name: '市场快检',
type: 'pie',
roundCap...
yekong
1年前 (2023-09-24)
喜欢
数据看板 项目开发中，有一个饼状图需求：
有多少条数据就生成多少个环形图。
左侧为饼状图，
右侧为自定义legend,可以选中和取消选中，左侧饼状图会随着数据的选中变化而变化。
组件代码
<template>
<div class="echart...
yekong
2年前 (2023-05-18)
喜欢
数据看板 项目开发中，有一个饼状图需求：
上面是饼状图，饼状图中心有总数以及标题，饼状图大小随数据的多少显示。
下面是自定义legend 使用html自定义实现。自定义legend两行显示。数字有发光效果。
组件代码
<template>
<div cla...
yekong
2年前 (2023-05-17)
喜欢
数据看板 项目开发中，有一个饼状图需求：
饼状图需求描述
效果如下图：
上面是饼状图，饼状图中心有总数以及标题
下面是自定义legend 使用html自定义实现。自定义legend两行显示。数字有发光效果。
组件代码
<template>
<div cla...
yekong
2年前 (2023-05-17)
喜欢
数据大屏 项目开发中，有一个饼状图需求：
饼状图需求描述
左侧饼状图两层边线描述，为了让标题能够一直处在饼状图中心，饼状图中心为黑色背景，饼状图和legend是分开的。
饼状图中心有总数以及说明文字
右侧legend 使用html自定义实现。自定义legend可以选中高亮，不选中...
yekong
2年前 (2023-05-15)
喜欢
数据可视化大屏 项目开发中，为了能够快速应用到项目中，项目开发中遇到各种样式的饼状图，都会整理出来，后期遇到类似的效果，就可以直接拿过来微调使用，而不需要重头开始，节省时间。
饼状图需求描述
左侧饼状图 饼状图颜色渐变，饼状图随着数据多少显示不同的大小，饼状图中间有白色圆点，圆点...
yekong
2年前 (2023-05-14)
喜欢
数据可视化大屏 项目开发中，为了能够快速应用到项目中，项目开发中遇到各种样式的饼状图，都会整理出来，后期遇到类似的效果，就可以直接拿过来微调使用，而不需要重头开始，节省时间。
饼状图需求描述
左侧饼状图 饼状图的各个部位以圆角衔接。背景使用自定义图片。
右侧legend 使用ht...
yekong
2年前 (2023-05-14)
喜欢
