echarts 3.x 图表在wex5上的简单使用（只用10分钟）

jane_jane

一、首先进入这个网站百度ECharts Demo，找到你想要使用的图表类型及大概样式       选择其中一个进入详细页面，例如饼图，（因为我就是需要饼图）

然后，根据echarts 文档对应的方法修改成你希望的效果

修改后

其实差别不大，主要是把图例放在下面，然后保留左侧的option
二、下载文件，有四种选择，我下载的是full→echarts.min.js！
js文件下载地址

三、在wex5中的使用方式（关键的在这里，就两句话！）
var echarts = require("./js/echarts.min");
Model.prototype.show = function() {
                var option = {
                        //把修改的option的内容放在这里
                };
                var chart = echarts.init(document.getElementById('chart'));
                chart.setOption(option, true);
        };
效果：




这只是简单的用法，给需要的人，楼主之前有做饼图的需要，只查到了论坛有Bex的相关使用，wex5的很少或是大家都和楼主有同样的需要。没人做，就自己做。先查了官方wex5调用的echarts，还是用的2.x版本，很多样式已经不再满足我的需要了，又咨询了做web的朋友，还查了引用js文件相关方法，由于楼主非专业出身，花费了几天时间，总算把基本的图表弄好了，满足楼主的强迫症。
所以，大神就不用看了，有需要又有同样需求的，拿走吧。
如果你对楼主的方法有什么意见和建议，欢迎交流。

zzytxx

zzytxx

eudora

您好，请问这个要怎么解决呢？不管我是引用你下载的js还是引用系统里的js都报这个错误，不知道你再做的时候有没有遇到呢？

jane_jane

eudora 发表于 2018-1-3 15:45
您好，请问这个要怎么解决呢？不管我是引用你下载的js还是引用系统里的js都报这个错误，不知道你再做的时候 ...

提示的内容说明，你引用的js文件方法有问题，如果方便，把源码截个图，大家一起谈论下

amy666

eudora 发表于 2018-1-3 15:45
您好，请问这个要怎么解决呢？不管我是引用你下载的js还是引用系统里的js都报这个错误，不知道你再做的时候 ...

我的也是這個錯誤 錯誤解決了嗎

liangyongfei

amy666 发表于 2018-7-3 13:44
我的也是這個錯誤 錯誤解決了嗎

http://docs.wex5.com/wex5-ui-question-list-2179
http://docs.wex5.com/wex5-ui-question-list-2236/

442724344

10分钟后就不能用了吗

dh_n

liangyongfei 发表于 2018-7-5 11:03
http://docs.wex5.com/wex5-ui-question-list-2179
http://docs.wex5.com/wex5-ui-question-list-2236/

引用主题就报错，
var dark =require("$UI/logistics/js/dark");
请帮忙看一下