如何根据id获取到dom元素来修改图表样式,显隐图表

查看数: 4793 | 评论数: 1 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    loading 组图打开中,请稍候......
发布时间: 2023-2-17 18:03

正文摘要:

本帖最后由 夏天骑冷月 于 2023-3-14 17:46 编辑 以官方的quickchart图表示例来进行操作,首先我们在图表工具中查看对应组件的id

回复

avatar
夏天骑冷月 发表于 2023-2-22 17:31:09
加载多套图表的话需要在第二套图表的参数上加上    reuse: true,
例如:
  1. // 引入一键图表脚本
  2. THING.Utils.dynamicLoad(['/static/ScenePreview/chart/PreviewChartControl.js'], function () {
  3.     // 创建图表
  4.     new PreviewChartControl({
  5.         url: '/api/chart/63f588dcee63ce1d897ab776',
  6.         tag: '1',
  7.         isLoad: true,  // 加载页,默认为true
  8.         isApplyBackground: false,  // 是否应用图表背景,启用该参数会替换app.background的值,默认false
  9.         autoResize: {  // 图表自适应
  10.            enable: false,  // 自适应图表分辨率,默认为false
  11.            orgin: 'center center'  // 自适应的基准点,第一个参数取值为:left、center、right,第二个参数取值为:top、center、bottom,默认值为“center center”
  12.         },
  13.         complete: function(){
  14.            

  15.     new PreviewChartControl({
  16.         url: '/api/chart/63f329adee63ce1d897ab6e1',
  17.         tag: '1',
  18.         isLoad: true,  // 加载页,默认为true
  19.          reuse: true,
  20.         isApplyBackground: false,  // 是否应用图表背景,启用该参数会替换app.background的值,默认false
  21.         autoResize: {  // 图表自适应
  22.            enable: false,  // 自适应图表分辨率,默认为false
  23.            orgin: 'center center'  // 自适应的基准点,第一个参数取值为:left、center、right,第二个参数取值为:top、center、bottom,默认值为“center center”
  24.         },
  25.         complete: function(){
  26.            
  27.         }
  28.     });



  29.         }
  30.     });
  31. })
复制代码
130700ppkpl8x3t7tt1b1t