80 lines
1.4 KiB
JavaScript
80 lines
1.4 KiB
JavaScript
|
import * as echarts from '../../ec-canvas/echarts';
|
||
|
|
|
||
|
|
const app = getApp();
|
||
|
|
|
||
|
|
function initChart(canvas, width, height, dpr) {
|
||
|
|
const chart = echarts.init(canvas, null, {
|
||
|
|
width: width,
|
||
|
|
height: height,
|
||
|
|
devicePixelRatio: dpr // new
|
||
|
|
});
|
||
|
|
canvas.setChart(chart);
|
||
|
|
|
||
|
|
var option = {
|
||
|
|
parallelAxis: [
|
||
|
|
{ dim: 0, name: 'Price' },
|
||
|
|
{ dim: 1, name: 'Net Weight' },
|
||
|
|
{ dim: 2, name: 'Amount' },
|
||
|
|
{
|
||
|
|
dim: 3,
|
||
|
|
name: 'Score',
|
||
|
|
type: 'category',
|
||
|
|
data: ['Excellent', 'Good', 'OK', 'Bad']
|
||
|
|
}
|
||
|
|
],
|
||
|
|
parallel: {
|
||
|
|
left: 40,
|
||
|
|
right: 80,
|
||
|
|
top: 50,
|
||
|
|
bottom: 20,
|
||
|
|
parallelAxisDefault: {
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#999'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
color: '#666'
|
||
|
|
},
|
||
|
|
nameTextStyle: {
|
||
|
|
color: '#666'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: {
|
||
|
|
type: 'parallel',
|
||
|
|
lineStyle: {
|
||
|
|
width: 4
|
||
|
|
},
|
||
|
|
data: [
|
||
|
|
[12.99, 100, 82, 'Good'],
|
||
|
|
[9.99, 80, 77, 'OK'],
|
||
|
|
[20, 120, 60, 'Excellent'],
|
||
|
|
[3.2, 40, 70, 'OK']
|
||
|
|
]
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
chart.setOption(option);
|
||
|
|
return chart;
|
||
|
|
}
|
||
|
|
|
||
|
|
Page({
|
||
|
|
onShareAppMessage: function (res) {
|
||
|
|
return {
|
||
|
|
title: 'ECharts 可以在微信小程序中使用啦！',
|
||
|
|
path: '/pages/index/index',
|
||
|
|
success: function () { },
|
||
|
|
fail: function () { }
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
ec: {
|
||
|
|
onInit: initChart
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onReady() {
|
||
|
|
}
|
||
|
|
});
|