广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    echarts标签引用多个图表用于同一个页面

    来源:网络收集  点击:  时间:2024-05-11
    【导读】:
    我们在使用echarts时,很多时候,在同一个页需要多个图表,但是我们好用的echarts怎么才在同一个页面使用呢,下面看我的方法工具/原料moreecharts.js自己喜欢的编程工具方法/步骤1/12分步阅读

    echarts官网下载好echarts.js文件

    2/12

    打开自己编程工具,新建好自己的dome

    3/12

    把下载好的echarts.js文件放在js文件下面

    4/12

    建好dome时一般会自动新创建一个html文件,我们打开文件(我这里把名字改成我自已的了),然后引用echarts.js文件

    5/12

    然后在boyd标签里写三个div(容器),然后设置它们的样式

    6/12

    在你的js文件或script标签里 获取页面元素的信息

    7/12

    创建一个数组,把option实例存储在这个数组里

    8/12

    如图,红红箭头都是我们实例化echarts用列

    9/12

    option={……}这里面就是我们自己需要引用的图表详细信息了,我这里的直接去官网copy的

    10/12

    蓝色箭头所指的是我们把这些实例化的echarts对象存储到我们之前创建的数组里

    11/12

    这里粉色箭头就是我们调用数组里的echarts实列,让图表显示我样想它出现的位置

    12/12

    显示效果

    注意事项

    在获取元素信息时,好像只能用ID来获取,如果用class的话,好像找到,目前还没找原因

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_736355.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-05 20:21:40  耗时:0.028
    0.0279s