随笔分类 - 柱状图
关于echarts柱状图部分
摘要：yAxis: { type: "log", }, 就这样就可以了。。。
阅读全文
摘要：效果图： 代码： const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ tooltip: { trigger: "axis", show: true, backgroundColor: "rgba(0
阅读全文
摘要：效果图： 代码： //获取echart实例 const chart = this.refs.vChartRef.chart const data = [{ value: 800, name: '已接用' }, { value: 400, name: '剩余' }, { value: 400, nam
阅读全文
摘要：效果图： 代码： const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ tooltip: { trigger: "axis", show: true, backgroundColor: "rgba(0
阅读全文
摘要：效果图： 代码： const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(1
阅读全文
摘要：效果图： 代码： const data = [{ value: 498, name: '1号生产线' }, { value: 460, name: '2号生产线' }, { value: 421, name: '3号生产线' }, { value: 400, name: '4号生产线' }, { v
阅读全文
摘要：效果图： chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(6,19,40,0.8)', borderColor: 'transparent', padding: [8, 20, 8, 8
阅读全文
摘要：效果图： chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(10, 30, 30, 0.8)', borderColor: 'transparent', padding: [8, 20,
阅读全文
摘要：效果图： chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(6,19,40,0.8)', borderColor: 'transparent', padding: [8, 20, 8, 8
阅读全文
摘要：先上图： 代码如下：（一整个就是vue页面） <template> <div id="ty_l_two" style="width: 406px; height: 230px;"></div> </template> <script> export default { props: ["xList"
阅读全文
摘要：先看图： 上代码：（一个vue文件） <template> <div id="zjy_l_three" style="width: 406px; height: 410px;"></div> </template> <script> export default { props: ["echarts
阅读全文
摘要：<template> <div id="energyEcharts" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() {
阅读全文
摘要：先看效果图： <div style="width: 462px; height: 230px" id="energyRightTopShui2"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let f
阅读全文
摘要：效果图： <div style="width: 462px; height: 230px" id="energyRightTopDian"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fon
阅读全文
摘要：效果图： <div style="width: 462px; height: 180px" id="teachingRightCenter"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fo
阅读全文
摘要：效果图： <div style="width: 462px; height: 230px" id="teachingRightTop"></div> // 自适应字体大小 WidthAdaptive(res) { var windth = window.innerWidth; let fontSiz
阅读全文
