随笔分类 -  环形图

关于echarts环形图部分
摘要:效果图: 代码: const chart = this.refs.vChartRef.chart const dataArray = [ { name: "总容量", value: 1200 }, ]; // var labelshow = true; // var centerimg = true 阅读全文
posted @ 2023-07-20 17:34 大云之下 阅读(28) 评论(0) 推荐(0) 编辑
摘要:效果图: 代码: const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ color: ['#009DFF', '#22E4FF'], legend: { show: true, top: "cente 阅读全文
posted @ 2023-07-20 17:30 大云之下 阅读(45) 评论(0) 推荐(0) 编辑
摘要:效果图: 代码: const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ color: ['#009DFF', '#22E4FF'], legend: { show: true, top: "cente 阅读全文
posted @ 2023-07-20 17:28 大云之下 阅读(62) 评论(0) 推荐(0) 编辑
摘要:效果图: 代码: const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ color: ['#FFCF5F', '#34DA99','#FA5151'], title: { text: '总数', su 阅读全文
posted @ 2023-07-20 17:26 大云之下 阅读(79) 评论(0) 推荐(0) 编辑
摘要:首先来看效果图: 代码如下: <template> <div id="yiCdzEcharts" style="width: 130px; height: 230px;"></div> </template> <script> export default { props: ["echartsDat 阅读全文
posted @ 2023-05-15 14:31 大云之下 阅读(64) 评论(0) 推荐(0) 编辑
摘要:<template> <div id="righttopecharts" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() 阅读全文
posted @ 2022-03-28 16:02 大云之下 阅读(83) 评论(0) 推荐(0) 编辑
摘要:<template> <div id="xxxx" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() { this.myec 阅读全文
posted @ 2022-03-28 15:54 大云之下 阅读(40) 评论(0) 推荐(0) 编辑
摘要:效果图: <div style="width: 100%; height: 100%" id="energyRightBottom"></div> 这个地方我采用的是props传值,也可以直接写到方法里面 props: { dataOne: { type: Number, default() { r 阅读全文
posted @ 2021-10-09 10:51 大云之下 阅读(3101) 评论(0) 推荐(0) 编辑
摘要:效果图: <div style="width: 260px; height: 253px" id="teachingLeftTop"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSi 阅读全文
posted @ 2021-10-09 10:41 大云之下 阅读(3306) 评论(0) 推荐(0) 编辑

大云之下
欢迎阅读『环形图』
点击右上角即可分享
微信分享提示