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原来默认的样式
  • 热门搜索
    科技创新手抄报资料 小学生读书手抄报内容 诚信从我做起手抄报 安全伴我行手抄报资料 文明乘车手抄报 迈好初中第一步手抄报 爱国主义手抄报内容 爱牙护齿手抄报 春手抄报 安全法制教育手抄报