随笔分类 - 折线图
关于echarts折线图的部分
摘要：先看效果图： 代码如下： chart.setOption({ tooltip: { trigger: "axis", show: true, backgroundColor: "rgba(0, 0, 0, 0.4)", borderColor: "transparent", padding: [5]
阅读全文
摘要：先看效果图： 代码如下： chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(6,19,40,0.8)', borderColor: 'transparent', padding: [8,
阅读全文
摘要：先看效果图： 代码如下： chart.setOption({ tooltip: { trigger: 'axis', show: true, backgroundColor: 'rgba(6,19,40,0.8)', borderColor: 'transparent', padding: [8,
阅读全文
摘要：效果图： 代码如下：（直接放整个vue文件了，省事） <template> <div> <div style="width: 406px; height:220px" id="zz_r_two1"></div> <div class="xsTitle"> <div class="fang"></di
阅读全文
摘要：效果如下 代码： <template> <div style="width: 406px; height: 190px" id="it_r_two"></div> </template> <script> export default { name: "it_r_two", data() { ret
阅读全文
摘要：<template> <div id="energyEcharts" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() {
阅读全文
摘要：先看效果图： <div id="weatherForecast" style="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize =
阅读全文
摘要：先看效果图： 代码如下： <div id="lineChart" style="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize =
阅读全文
摘要：效果图： <div style="width: 462px; height: 220px" id="zhexiantu"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = w
阅读全文
摘要：效果图： <div style="width: 462px; height: 180px" id="indexLeftbottom"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSi
阅读全文
摘要：效果图： <div style="width: 462px; height: 180px" id="energyLeftTop"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize
阅读全文
