![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
吃橘子嗎
这个作者很懒,什么都没留下…
展开
-
关于echarts的X轴内容根据容器大小动态显示
代码<template> <div id="histogram"> <div class="chart-container" style="height: 100%;"> <vue-echarts v-if="!noData" ref="histogram" :options="POLAR_OPTIONS" :autoresize="true" @finishe原创 2020-06-08 09:41:11 · 699 阅读 · 0 评论 -
echarts 在扇形终点加小球 根据容器变化而变化
<template> <div class="demoFour"> <vue-echarts ref="circle" :options="AXIS_OPTION" :autoresize="true" ></vue-echarts> </div></template&...原创 2020-03-03 09:40:11 · 241 阅读 · 0 评论 -
关于echarts双Y轴
const POLAR_OPTIONS = {color: ‘#27c4a7’,grid: {left: ‘20px’,right: ‘20px’,bottom: ‘26px’,top: ‘10px’,containLabel: true,},tooltip: {formatter: ‘{a} {b}: {c}%’,trigger: ‘axis’,},xAxis: {t...原创 2019-08-19 10:42:50 · 141 阅读 · 0 评论 -
关于echarts饼图禁止高亮(或设置高亮颜色)
把前后颜色设置相同即可。 const POLAR_OPTIONS = { title: { show: true, text: '90.54%', textStyle: { fontSize: 14, color: '#449aff', }, ...原创 2019-08-19 10:55:46 · 9888 阅读 · 1 评论 -
关于vue-echarts颜色渐变方法
效果:引入 import { graphic } from ‘echarts/lib/export’代码:const POLAR_OPTIONS = { legend: { data: ['发送', '接收'], }, grid: { //关于盒子 距离 left: '29px', ...原创 2019-08-19 11:05:17 · 2226 阅读 · 1 评论 -
关于vue-echarts的使用方法
(1)安装npm install vue-echarts --save-dev(2)引入import ECharts from 'vue-echarts'(3) 使用<div style="height:263px"> <vue-echarts :options="POLAR_OPTIONS" :autoresize="true" /></div&...原创 2019-08-19 11:30:52 · 414 阅读 · 0 评论 -
关于改变echarts颜色使其颜色不相同的方法(其他图也适用)
效果图:隐藏了柱状图的X轴和Y轴和其余属性并且Y轴反向坐标轴 使其出现这样的效果代码: var AXIS_OPTION = { tooltip: { //提示框 trigger: 'axis', axisPointer: { type: 'shadow', }, }, grid: { //距离控制 ...原创 2019-08-19 14:04:55 · 1774 阅读 · 0 评论 -
关于 echarts X轴坐标名称过长显示问题
代码:xAxis: { //x轴参数配置 type: 'category', data: [], axisTick: { alignWithLabel: true, }, axisLine: { lineStyle: { color: '#9c9c9c', },...原创 2019-08-19 14:39:08 · 3989 阅读 · 0 评论