小程序使用echarts常见问题

在 uni-app 中使用 百度eCharts demo地址 的一些坑

  1. 使用和安装根据文档提示即可

  2. 安装后的 eCharts 会出现在 uni_module中,并且文件特别大,大约 900k;

  3. 可以使用压缩版 eCharts, 内容可定制,大约 400k;

出现问题

   1. 在模拟器上会发现 eCharts 图表层级太高,不跟随页面滚动等问题,
   2. 这个问题在发布后 真机打开是不存在的,
   3. eCharts 图表不支持模拟器上的真机调试功能,会出现报错信息
      真机调试报错 TypeError: H.createEvent is not a function
   4. 使用压缩版 echarts
     需将压缩后的 js 文件 放入 `uni_modules\lime-echart\components\l-echart\` 中
     并将文件名改为 echarts.js 即可
     压缩的时候需要注意,目前百度echarts 支持的版本使用的旧版的,5.0以下的,我使用的是 4.7.0
        可能问题:压缩如果使用的最新版本,可能会有报错
   5. 之后正常使用即可

使用 百度echarts

  1. tooltip: 不支持 html 模板渲染,只支持字符串,
    1. 支持属性:trigger、backgroundColor 、padding、textStyle:color、formatter:  不支持 html 模板渲染,只支持字符串,
    2. 不支持属性:borderColor、borderWidth、extraCssText
 2. series:不支持areaStyle:color

猜你喜欢

转载自blog.csdn.net/Dwa_ww/article/details/119216997