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原来默认的样式
  • 热门搜索
    临沂旅游政务网 大连旅游景点地图 苏州旅游景点地图 梵蒂冈旅游攻略 厦门有哪些旅游景点 湖南旅游景点推荐 悠哉旅游 青岛旅游景点图片 五台山旅游注意事项 玉林旅游景点大全