![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echart
ajaxPost293614
你就是你最大的资本。
展开
-
解决el-dialog中使用echarts加载不出图表
HTML:<template> <el-dialog :visible.sync="openGantt" width="1200px" :append-to-body="true" destroy-on-close @open="openFun()" @close="cancel" > <div id="popupGanttDispatchControl" :style="{ heig原创 2021-06-03 15:15:09 · 2051 阅读 · 0 评论 -
Echarts按时间生成多个条框的甘特图
代码: this.chart.setOption({ backgroundColor: "#fff", title: { text: "排产甘特图", left: 10, }, grid: { containLabel: true, left: 20, }, xAxis: { type: "ti..原创 2021-06-03 15:00:36 · 1511 阅读 · 1 评论 -
用Echart的Graph实现双向流程图
效果图:Echart代码: initChart(item) { this.chart = echarts.init(document.getElementsByClassName("popupQualified")[0]); this.chart.setOption({ yAxis: [ { type: "category", boundaryGap: false, ..原创 2021-04-27 14:45:04 · 1369 阅读 · 2 评论 -
Echart中series自定义formatter文字样式
series: [ { data: [ { name: "工序1-1", value: [0, 1], label: { normal: { show: true, formatter: function (params) { console.log(params, 123); ...原创 2021-04-27 11:49:48 · 3979 阅读 · 1 评论 -
修改Echart 图表主题颜色
this.chart = echarts.init( document.getElementById("taskStatisticsComCamBar"), "light" //default);原创 2021-04-13 17:40:49 · 610 阅读 · 0 评论 -
Echart自定义tooltip带小圆点
tooltip: { trigger: "item", formatter: function (params) { console.log(params) // marker 为一个HTML标签 var res = params.marker + params.name + ":" + params.value + "%"; return res;...原创 2021-04-09 11:45:54 · 776 阅读 · 0 评论 -
Echart甘特图圆柱图表bar柱体颜色根据参数值去改变
效果图:绿色的圆柱图就是根据值去判断的颜色 series.data数据:注意:这里data可以直接取参数为value的值,这样就可以区分参数再做调整。setOption配置: initChart(item) { this.chart = echarts.init(document.getElementById("popupGantt")); this.chart.setOption({ backgro...原创 2021-03-18 16:49:38 · 681 阅读 · 0 评论 -
Echarts中图表展示标签值
图例:代码:option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'] }, grid: { left: '3%', right: '4%', bottom.原创 2020-12-12 12:14:11 · 2255 阅读 · 0 评论 -
Echart图表自定义下钻功能(带返回上一级)的实现demo
1.效果图初始类别,一级分类点击行业分类后,进入二级分类,右下角有返回上一级点击寄递行业中心1,进入三级分类,右下角有返回上一级 2.icon路径:https://wudan.blog.csdn.net/article/details/1040395263.完整代码<template> <div :class="className" :style="{ height: height, width: width }" /><...原创 2020-10-21 10:12:42 · 2059 阅读 · 1 评论