图表（echarts）
关注
分享
扫一扫
图表记录
刘斩仙的笔记本
业精于勤，荒于嬉；行成于思，毁于随。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
echart在百度地图中模拟飞机航线demo
【代码】echart在百度地图中模拟飞机航线demo。原创 2023-09-13 15:31:20 · 745 阅读 · 0 评论 -
vue环进度图、双环进度图 - echart图表
如图所示：代码如下：（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>环进度图、双环进度图 - echart图表</title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/the原创 2021-12-23 15:14:55 · 2679 阅读 · 0 评论 -
vue动态给散点图每个圆球设置背景色 - echart图表
如图所示：代码如下：（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue动态给散点图每个圆球设置背景色 - echart图表</title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui原创 2021-12-15 14:24:33 · 1449 阅读 · 1 评论 -
vue渐变堆叠面积图设置渐变色 - echart图表
如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as echarts原创 2021-09-14 09:44:17 · 1887 阅读 · 2 评论 -
vue折柱混合图，数据对应不同Y轴 - echart图表
介绍：柱状图对应左侧Y轴，折线图对应右侧Y轴。如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><scri原创 2021-09-14 09:03:33 · 878 阅读 · 0 评论 -
vue柱状图顶部显示文字，添加千分位 - echart图表
如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as echart原创 2021-09-13 16:33:39 · 1164 阅读 · 0 评论 -
vue柱状图x轴文字、垂直在柱子顶部 - echart图表
如图所示：代码：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as echarts原创 2021-09-13 16:19:20 · 1089 阅读 · 0 评论 -
vue x轴文字纵向显示 - echart图表
介绍：实现如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as原创 2021-09-13 15:53:08 · 716 阅读 · 1 评论 -
vue移动端中使用echart折线面积图（设置渐变色）解决ios6/11渐变色不显示bug
前言：1.折线本身渐变色2.折线阴影面积渐变色效果如图所示：1.全局引入echartmain.js// 如果全局引入就在此加上这两行代码// 如果就一个页面直接页面引入完事儿 import echarts from 'echarts';// import * as echarts from 'echarts';import echarts from 'echarts';Vue.prototype.$echarts = echarts;index.vueseries: [ {原创 2021-03-30 11:15:59 · 1502 阅读 · 0 评论