95 lines
1.7 KiB
JavaScript
95 lines
1.7 KiB
JavaScript
|
const app = getApp();
|
||
|
|
|
||
|
|
Page({
|
||
|
|
onShareAppMessage: function (res) {
|
||
|
|
return {
|
||
|
|
title: 'ECharts 可以在微信小程序中使用啦！',
|
||
|
|
path: '/pages/index/index',
|
||
|
|
success: function () {},
|
||
|
|
fail: function () {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
charts: [{
|
||
|
|
id: 'bar',
|
||
|
|
name: '柱状图'
|
||
|
|
}, {
|
||
|
|
id: 'scatter',
|
||
|
|
name: '散点图'
|
||
|
|
}, {
|
||
|
|
id: 'pie',
|
||
|
|
name: '饼图'
|
||
|
|
}, {
|
||
|
|
id: 'line',
|
||
|
|
name: '折线图'
|
||
|
|
}, {
|
||
|
|
id: 'funnel',
|
||
|
|
name: '漏斗图'
|
||
|
|
}, {
|
||
|
|
id: 'gauge',
|
||
|
|
name: '仪表盘'
|
||
|
|
}, {
|
||
|
|
id: 'k',
|
||
|
|
name: 'K 线图'
|
||
|
|
}, {
|
||
|
|
id: 'radar',
|
||
|
|
name: '雷达图'
|
||
|
|
}, {
|
||
|
|
id: 'heatmap',
|
||
|
|
name: '热力图'
|
||
|
|
}, {
|
||
|
|
id: 'tree',
|
||
|
|
name: '树图'
|
||
|
|
}, {
|
||
|
|
id: 'treemap',
|
||
|
|
name: '矩形树图'
|
||
|
|
}, {
|
||
|
|
id: 'sunburst',
|
||
|
|
name: '旭日图'
|
||
|
|
}, {
|
||
|
|
id: 'map',
|
||
|
|
name: '地图'
|
||
|
|
}, {
|
||
|
|
id: 'graph',
|
||
|
|
name: '关系图'
|
||
|
|
}, {
|
||
|
|
id: 'boxplot',
|
||
|
|
name: '箱型图'
|
||
|
|
}, {
|
||
|
|
id: 'parallel',
|
||
|
|
name: '平行坐标图'
|
||
|
|
}, {
|
||
|
|
id: 'sankey',
|
||
|
|
name: '桑基图'
|
||
|
|
}, {
|
||
|
|
id: 'themeRiver',
|
||
|
|
name: '主题河流图'
|
||
|
|
}],
|
||
|
|
chartsWithoutImg: [{
|
||
|
|
id: 'lazyLoad',
|
||
|
|
name: '延迟加载图表'
|
||
|
|
}, {
|
||
|
|
id: 'multiCharts',
|
||
|
|
name: '一个页面中多个图表'
|
||
|
|
}, {
|
||
|
|
id: 'move',
|
||
|
|
name: '页面不阻塞滚动'
|
||
|
|
}, {
|
||
|
|
id: 'saveCanvas',
|
||
|
|
name: '保存 Canvas 到本地文件'
|
||
|
|
}, {
|
||
|
|
id: 'loadImage',
|
||
|
|
name: '加载图片'
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
|
||
|
|
onReady() {
|
||
|
|
},
|
||
|
|
|
||
|
|
open: function (e) {
|
||
|
|
wx.navigateTo({
|
||
|
|
url: '../' + e.target.dataset.chart.id + '/index'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|