vue数据大屏开发，当echarts图表变小的时候 因为宽度太大，导致图表看起来变形，需要调小一些，搜索了一番才找到解决办法。
关键代码
通过axisLine lineStyle width控制
axisLine: {
show: true,
lineStyle: {
...
yekong
2年前 (2022-12-16)
喜欢
echarts 菱形柱状图效果
实现代码
<template>
<div class="echarts1" ref="echarts">
</div>
</template>
&...
yekong
2年前 (2022-12-16)
喜欢
vue echarts 实现进度条效果
更多进度条效果实例
vue 数据可视化大屏进度条效果实例
使用
<echarts title="当月" :num="50"></echarts>
组件代码
<tem...
yekong
2年前 (2022-12-16)
喜欢
echarts 实现一个类似下图的效果，于是搜索查询了一下，找到了甘特图可以实现下图效果。
实现代码
<template>
<div class="echartsBody">
<div class="ech...
yekong
2年前 (2022-12-06)
喜欢
引用
/**
* @Author: 858834013@qq.com
* @Name: echarts
* @Date: 2022-12-02
* @Desc:
*/
<template>
<div class="echartsBody"...
yekong
2年前 (2022-12-02)
喜欢
实现代码
<template>
<div class="echarts1" ref="echarts">
</div>
</template>
<script>
expo...
yekong
2年前 (2022-11-30)
喜欢
echarts 异形柱状图效果
实现代码
drawLine() {
var that = this
// 基于准备好的dom，初始化echarts实例
window.addEventListener('resize', this.drawLine)
const ...
yekong
2年前 (2022-11-30)
喜欢
项目要求
echarts legend要求图标放在文字的右侧。
实现代码
可以通过align来控制图标在左侧还是在右侧
legend: {
show: true,
left: '30',
align: 'right',
top: '0',
icon: 're...
yekong
2年前 (2022-10-06)
喜欢
Echarts gauge背景色实现进度条效果,echarts使用的是仪表盘，但是动画想实现环境进度条的那种动画效果，但是这种样式使用的是背景色，所以只能自己来实现进度条增加的过度效果了
效果展示
效果展示
效果代码
<template>
<div cla...
yekong
2年前 (2022-10-01)
喜欢
vue外包项目开发要求echarts柱状图重叠显示，通过文档查询，可以使用barGap字段来进行控制操作。
barGap: '-100%',
<template>
<div class="echartsBody">
&l...
yekong
2年前 (2022-09-19)
喜欢
