Echarts
Loving&Living
这个作者很懒,什么都没留下…
展开
-
eacharts将图中分割线变为虚线
yAxis: { splitLine: { show: true, lineStyle:{ type:'dashed' } }},原创 2021-04-22 17:19:49 · 517 阅读 · 0 评论 -
ecarts柱状图和折线图组合,双y轴数据等分的效果
<ve-histogram :data="chartData1" :settings="chartSettings1" :extend="chartExtend1"></ve-histogram>配置:this.chartExtend1 = { color: ["rgb(100,148,249)","rgb(88,211,162)"], legend: { // icon: "rect", .原创 2021-04-22 17:17:55 · 505 阅读 · 0 评论 -
利用echarts的graph做流程图
效果图<template> <div class="steps"> <dse-detail-box :oper-type="operType" name="工单配置流程"> <div class="box"> <div id="main" style="width:1000px;height:400px"></div> </原创 2021-04-21 15:41:10 · 2741 阅读 · 0 评论 -
echarts中水球图插件的使用
echarts中水球图插件的使用过程中的注意点:1.报错:"export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决:echarts版本不行,下载 npm i echarts@4.9.0 -S2.没有水球效果解决: 下载这个版本 npm i echarts-liquidfill@2.0.6<template> <div class="waveChart"> <原创 2021-01-30 17:54:09 · 1154 阅读 · 0 评论 -
echarts的使用--按需引入
echarts的使用–按需引入1.给一个有宽高的DOM容器。2.要在mounted中加载,确保DOM生成。<template> <div id="main" style="width:500px;height:400px"></div></template><script>import * as echarts from 'echarts/core';import { TitleComponent, Toolti原创 2021-01-28 14:08:40 · 3858 阅读 · 1 评论 -
echarts中tooltip的显示格式控制
<ve-line :data="chartData2" height="265px" :settings="chartSettings1" :extend="chartExtend2"></ve-line>this.chartExtend2 = {tooltip: { trigger: 'axis', // 触发类型 axis坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用 formatter: function (params,ticket,原创 2021-02-27 13:26:03 · 552 阅读 · 0 评论