SHARE
TWEET

Untitled

a guest Jun 20th, 2019 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #### ECharts 是一款由百度前端技术部开发的,基于 Javascript 的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts提供了微信小程序端的组件,但是实际使用时发现组件存在一些问题,现在对发现的问题进行一个记录。
  2. ### 小程序页面不显示图表
  3. 官方示例代码如下:
  4. ```
  5. <!--index.wxml-->
  6. <view class="container">
  7.   <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
  8. </view>
  9. ```
  10. ```
  11. /**index.wxss**/
  12. ec-canvas {
  13.   width: 100%;
  14.   height: 100%;
  15. }
  16.  
  17. ```
  18. 解决方案:给.container 视图添加大小即可。
  19.  
  20. ### 模拟器调试图表,文字大小显示正常,真机调试时,文字过小不可调节
  21. 解决方案:去Echarts官网定制下载echarts.js文件,替换示例代码中的echarts.js文件
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top