少年恃险若平地,独倚长剑凌清秋。这篇文章主要讲述uniapp使用echart相关的知识,希望能为你提供帮助。
< template> < view class="content"> < !-- 引入的mpvue-echarts组件 --> < uni-echarts class="ec-canvas" id="line-chart" ref="canvas" canvas-id="line-chart" :ec="echart"> < /uni-echarts> < /view> < template> < script>
//import引入组件 import uniEcharts from \'@/components/uni-echarts/uni-echarts\'; export default { data() { return { //echart图表参数 echart: { option: { ......这里是echart参数 } } }, methods: { // 重新渲染echart并且赋值 reloadEchart(data){ const option = this.echart.option; option.series[0].data = https://www.songbingjia.com/android/data; if(this.$refs[/'canvas\']){ this.$refs[\'canvas\'].updateOption(option); //赋值option },
//注册组件 components: { uniEcharts }}< /script>
uniEcharts在components文件夹下:
文章图片
文章图片
【uniapp使用echart】
推荐阅读
- 项目填坑记录—SenseAR发布到安卓手机相机打开不了
- Selenium WebDriver与Selenium RC详细介绍
- Selenium WebDriver-滚动网页示例
- Selenium WebDriver-在IE浏览器上运行测试
- Selenium WebDriver-Firefox浏览器运行测试-Gecko驱动程序
- Selenium和Python测试教程详细图解
- Selenium WebDriver-在Chrome浏览器上运行测试(图解)
- Selenium WebDriver安装详细步骤图解
- Selenium WebDriver-导航命令图解