请问uniapp引入的echarts在微信小程序不显示是怎么回事啊！

在微信小程序中使用Echarts需要进行一些额外的配置才能正确显示，以下是可能的解决方法：

确认echarts库是否已正确安装，可以在毁戚uniapp的依赖管理器中查看echarts是否已被正确安装。

在uniapp中，需要先引入Echarts组件库，在页面中进行调用。可以在页面的 .json 文件中添加以下配置：

css

Copy code

{

"usingComponents": {

"ec-canvas": "@echarts-weixin/ec-canvas"

}

}

确保使用的Echarts版本是支持微信小程序的版本，可以使用以下命令安装：

kotlin

Copy code

npm install echarts@^4.0.0 --save

npm install echarts-gl@^1.1.0 --save

npm install echarts-liquidfill@^1.1.1 --save

在使用Echarts的页面中，需要初始化echarts实码判例，以及将实例绑定到页面的迟余改canvas元素上，可以参考以下示例代码：

kotlin

Copy code

import * as echarts from 'echarts'

export default {

data() {

return {

ec: {

lazyLoad: true // 延迟加载

}

}

},

onLoad() {

this.ecComponent = this.selectComponent('#mychart')

this.ecComponent.init((canvas, width, height, dpr) =>{

// 初始化echarts实例

const chart = echarts.init(canvas, null, {

width: width,

height: height,

devicePixelRatio: dpr // 像素比

})

// 设置options

chart.setOption({

// options 配置

})

// 将图表实例绑定到页面上

this.chart = chart

this.canvas = canvas

return chart

})

}

}

希望这些解决方法能够帮助你解决问题。

链接： https://pan.baidu.com/s/1W5Z-QWm1gNJGw9oX5CltDQ

提取码：vb0i

我是跟pages放在了同级

如：在 page目录饥核局的cc页面中使用echarts的话，需要在cc.json中添加以下配置烂让氏谨。

1、下载好开发包后就氏旅可以开始了，第一步引入开发包，和需要的主题文件（可定义自己的主体文件），并定义好页面布局。2.0以后上启核老的版本，需要把开发包放到body下，否则ie低版本会出现属性未找到的错误，导致图标初始化失败。

2、第二步，普通初始化图表，通过调用开发包方法，有两种初始化方式，

1.var myChart = echarts.init(document.getElementById("echart"))

2.var myChart=require('echarts').init(document.getElementById("echart"))

一般建议使用第一种方法进行初始化 *** 作。

3、第三步，设置option属性，来给图表设置数据,option是数组元素，tooltip：提示框，legend图例，calculable可设置是否拖拽，series设置数据（data类型也为数组类型），开始先随机初始化几条模拟数据，

4、到这一步，就完成了，图表初始化的步骤，效果如下图所示。然后大家可以改变下图标的样式，2.0版本留了设置主题的方法，可设置setThem()对图表样式进行修改。

5、看看主题怎么配置，设置色版，设置主题颜色，不一一介绍了，请大家请看下面代码：

6、通过上面主题的添加完成了对悄升样式的修改，当然最后大家记嘚设置myChart.setTheme(theme)

---