echart按钮切换

应收额

      <div class="select"><span:class="[monthIndex == 0 && 'active']"@click="tabMonth(6)">近6月</span><span:class="[monthIndex == 1 && 'active']"@click="tabMonth(12)">近12月</span><span class="hide" /></div></div><div class="con"><!-- <div style="color: white">{{ options.xAxis }}<hr />{{ options.series }}</div> --><Echartid="centerId"ref="echartBox":options="options"width="100%"height="225px"/></div>
</div>

};

echart组件

<template><div :id="id" :class="className" :style="{ height: height, width: width }" />
</template><script>
import tdTheme from '../echart/theme.json' // 引入默认主题
import '../map/fujinan'export default {name: 'Echart',props: {className: {type: String,default: 'chart'},id: {type: String,default: 'chart'},width: {type: String,default: '100%'},height: {type: String,default: '100%'},options: {type: Object,default: () => ({})}},data() {return {chart: null}},watch: {options: {handler(options) {// 设置true清空echart缓存this.chart.setOption(options, true)},deep: true}},mounted() {this.$echarts.registerTheme('tdTheme', tdTheme) // 覆盖默认主题this.initChart()},beforeDestroy() {this.chart.dispose()this.chart = null},methods: {initChart() {// 初始化echartthis.chart = this.$echarts.init(this.$el, 'tdTheme')this.chart.setOption(this.options, true)}}
}
</script><style>
</style>

echart按钮切换相关推荐

原生js实现点击按钮切换全屏！
使用fullScreen API实现全屏 <head><meta charset="UTF-8"><meta name="viewport& ...
matlab GUI 实现按钮切换plot页面（含clear功能）
GUI 实现按钮切换plot页面(含clear功能) hf=figure(...'Units','Normalized',...'Menu','none',...'Position',[0.1 0.1 ...
IOS开发中UIBarButtonItem上按钮切换或隐藏实现案例
IOS开发中UIBarButtonItem上按钮切换或隐藏案例实现案例是本文要介绍的内容,这个代码例子的背景是:导航条右侧有个 edit button,左侧是 back button 和 add bu ...
（仿头条APP项目）2.主界面按钮切换Fragment页面
文章目录主界面按钮切换Fragment页面效果展示框架结构 xml视图主视图选择器和style java代码模块创建4个Fragment 1.绑定按钮选择事件 2.初始化和用HashMap ...
angular点击按钮弹出页面_Axure RP8：如何做出点击按钮切换页面效果？
如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~ 先来看一下页面的效果图:点击不同的按钮,切换不同的页面.(是web端和手机端都很常见的交互效果) 实现这一效果大致要分为三个步骤: ...
微信小程序轮播中的current_微信小程序 swiper轮播图的按钮切换
一.前言 swiper组件自带autoplay切换,本文将会介绍如何用到左右按钮切换轮播图,以及如何解决快速点击按钮出现的bug. 核心属性 circular: 负责切换衔接的效果(否则最后一张与第一 ...
vue点击按钮切换显示不同内容_邂逅Vue
01 什么是Vue.js Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架. 看到这里,你就会问了,什么是渐进式? 渐进式就是你可以将Vue作为一个项目中的部分组件改 ...
wxpython界面切换_wxpython实现按钮切换界面的方法
本文实例为大家分享了wxpython按钮切换界面的具体实现代码,供大家参考,具体内容如下 #-*- coding:utf-8 -*- import wx class TestFrame(wx.Fram ...
JQuery实现点击按钮切换图片(附源码)--JQuery基础
JQuery实现切换图片相对比较简单,直接贴代码了哈,有注释噢!疑问请追加评论哈,不足之处还请大佬们指出! 1.案例代码: demo.html: <!DOCTYPE html> <h ...

echart按钮切换

echart按钮切换相关推荐

最新文章

热门文章