echarts画相同的图如何复用option

 时间:2024-10-12 15:08:39

1、在已新建的HTML5页面文件中,引入相关的js文件,并修改title标签内容

echarts画相同的图如何复用option

2、在<body></body>标签中,插入两个div标签,并分别设置id属性;然后使用id选择器设置宽度和高度

echarts画相同的图如何复用option

3、在<script></script>标签中,初始化图形对象,定义option对象,然后绑定option

echarts画相同的图如何复用option

4、保存代码并运行页面文件,打开浏览器,可以查看到两个柱状图

echarts画相同的图如何复用option

5、在jquery初始化函数外层,定义函数showOption,传入参数type,然后返回option对象

echarts画相同的图如何复用option

6、在调用setOption()方法时,调用showOption函数并传入不同的参数

echarts画相同的图如何复用option

7、再次保存代码并刷新浏览器,可以看到右侧柱状图变为一个折线图,但是都是共用一个option

echarts画相同的图如何复用option
  • word怎么设置全文的字体格式
  • word怎么自动检查拼写和语法错误
  • word怎么选择全部正文的方法
  • word中如何选中部分内容
  • 如何恢复word原来默认的样式
  • 热门搜索
    可爱英文怎么写 山东日照旅游景点 时刻美手表怎么样 汉中旅游景点 大连香洲旅游度假区 wis怎么样 旅游学校 勾怎么打出来 牵牛花的特点 长沙附近旅游景点