注:因为工作需要,绘制了echart的几张图表,浅显的研究了官方的配置文件,将散点图、柱形图、跟南丁格图设计出来了。
先呈现一下效果图吧。
散点图只添加了两组数据,遇到的难点有两个。
[1.1]geoCoordMap对象的转换
当时为了处理这个数据花费了不少时间,google翻了一下,发现json对象可以转换成geoCoordMap。
var datas = JSON.parse(data);
var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[datas[i].name];
if (geoCoord) {
res.push({
name: data[i].name,
value: geoCoord.concat(data[i].value)
});
}
}