Skip to content

W
wx-boss
Commit dc723ba3 by 姜雷
Options

修改消费视图

parent 6a3e6895
Showing with 73 additions and 100 deletions
miniprogram/pages/components/PayTypeChart/PayTypeChart.js
......@@ -15,6 +15,7 @@ function initChart(canvas, width, height, F2) {
el: canvas,
width: width,
height: height,
padding: ['auto', 'auto', 50, 'auto'],
});
paytypeChart.source(data, {
days: {
......@@ -30,43 +31,32 @@ function initChart(canvas, width, height, F2) {
padding: [6, 10],
},
onShow: function (ev) {
console.log(ev);
var items = ev.items;
items[0].name = '';
items[0].value = month + '-' + items[0].title;
items[1].name = '';
items[1].value = items[1].value + '元';
items[0].name = items[0].title;
items[0].value = util_1.formatPrice(Number(items[0].value));
},
});
paytypeChart.coord('polar', {
transposed: true,
innerRadius: 0.5,
radius: 0.9,
});
paytypeChart.legend({
position: 'right',
marker: 'square',
onClick: function (ev) {
var tooltip = paytypeChart.get('tooltip');
console.log(ev, tooltip);
},
});
paytypeChart.tooltip(false);
paytypeChart
.interval()
.position('a*count')
.color('key', ['#EB7E59', '#13C2C2', '#FACC14', '#1890FF'])
.adjust('stack');
paytypeChart.axis(false);
paytypeChart.render();
var frontPlot = paytypeChart.get('frontPlot');
var coord = paytypeChart.get('coord');
frontPlot.addShape('sector', {
attrs: {
x: coord.circleRadius * (1 + coord.innerRadius) + coord.endAngle,
y: coord.center.y,
r: 0,
r0: coord.circleRadius * coord.innerRadius * 1.1,
fill: '#fff',
.position('name*count')
.color('name', ['#EB7E59', '#13C2C2', '#FACC14', '#1890FF']);
paytypeChart.axis('name', {
label: {
rotate: -Math.PI / 4,
textAlign: 'end',
textBaseline: 'middle',
},
});
paytypeChart.get('canvas').draw();
console.log('coord', coord);
paytypeChart.render();
return paytypeChart;
}
Component({
......@@ -75,24 +65,6 @@ Component({
type: Array,
value: [],
observer: function (newVal) {
paytypeChart &&
paytypeChart.legend({
position: 'right',
marker: 'square',
itemFormatter: function (val) {
var item = newVal.find(function (item) { return item.key === val; });
if (item) {
var name_1 = item.name;
if (item && item.name.length < 4) {
name_1 += '\xa0\xa0\xa0';
}
return name_1 + ' ' + util_1.formatPrice(item.count);
}
else {
return '';
}
},
});
paytypeChart && paytypeChart.changeData(newVal);
},
},
......@@ -110,4 +82,4 @@ Component({
},
},
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF5VHlwZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiUGF5VHlwZUNoYXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsNENBQWtEO0FBR2xELElBQUksWUFBWSxHQUFHLElBQUksQ0FBQztBQUN4QixJQUFJLEtBQUssR0FBRyxFQUFFLENBQUM7QUFDZixJQUFNLFFBQVEsR0FBRztJQUNmLElBQUksRUFBRSxTQUFTO0lBQ2YsSUFBSSxFQUFFLFNBQVM7SUFDZixRQUFRLEVBQUUsU0FBUztJQUNuQixNQUFNLEVBQUUsU0FBUztDQUNsQixDQUFDO0FBRUYsbUJBQW1CLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUU7SUFDMUMsSUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLFlBQVksR0FBRyxJQUFJLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFDMUIsRUFBRSxFQUFFLE1BQU07UUFDVixLQUFLLE9BQUE7UUFDTCxNQUFNLFFBQUE7S0FDUCxDQUFDLENBQUM7SUFFSCxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRTtRQUN4QixJQUFJLEVBQUU7WUFDSixHQUFHLEVBQUUsQ0FBQztZQUNOLEdBQUcsRUFBRSxFQUFFO1NBQ1I7S0FDRixDQUFDLENBQUM7SUFDSCxZQUFZLENBQUMsT0FBTyxDQUFDO1FBQ25CLGNBQWMsRUFBRSxLQUFLO1FBQ3JCLFVBQVUsRUFBRTtZQUNWLE1BQU0sRUFBRSxDQUFDO1lBQ1QsSUFBSSxFQUFFLFNBQVM7WUFDZixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO1NBQ2pCO1FBQ0QsTUFBTSxZQUFDLEVBQUU7WUFDQyxJQUFBLGdCQUFLLENBQVE7WUFDckIsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7WUFDbkIsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxLQUFLLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FB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QUFLLENBQUMsQ0FBQzs0QkFDaEQsQ0FBQzs0QkFBQyxJQUFJLENBQUMsQ0FBQztnQ0FDTixNQUFNLENBQUMsRUFBRSxDQUFDOzRCQUNaLENBQUM7d0JBQ0gsQ0FBQztxQkFXRixDQUFDLENBQUM7Z0JBQ0wsWUFBWSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbEQsQ0FBQztTQUNGO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsSUFBSSxFQUFFLE1BQU07WUFDWixLQUFLLEVBQUUsRUFBRTtZQUNULFFBQVEsWUFBQyxNQUFNO2dCQUNiLEtBQUssR0FBRyxNQUFNLENBQUM7WUFDakIsQ0FBQztTQUNGO0tBQ0Y7SUFDRCxJQUFJLEVBQUU7UUFDSixJQUFJLEVBQUU7WUFDSixNQUFNLEVBQUUsU0FBUztTQUNsQjtLQUNGO0NBQ0YsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9ybWF0UHJpY2UgfSBmcm9tICcuLi8uLi8uLi91dGlscy91dGlsJztcblxuLy8gcGFnZXMvY29tcG9uZW50cy9QYXlUeXBlQ2hhcnQvUGF5VHlwZUNoYXJ0LmpzXG5sZXQgcGF5dHlwZUNoYXJ0ID0gbnVsbDtcbmxldCBtb250aCA9ICcnO1xuY29uc3QgY29sb3JNYXAgPSB7XG4gIGFpbWk6ICcjRUI3RTU5JyxcbiAgYmVhbjogJyMxM0MyQzInLFxuICBkaXNjb3VudDogJyNGQUNDMTQnLFxuICBvbmxpbmU6ICcjMTg5MEZGJyxcbn07XG5cbmZ1bmN0aW9uIGluaXRDaGFydChjYW52YXMsIHdpZHRoLCBoZWlnaHQsIEYyKSB7XG4gIGNvbnN0IGRhdGEgPSBbXTtcbiAgcGF5dHlwZUNoYXJ0ID0gbmV3IEYyLkNoYXJ0KHtcbiAgICBlbDogY2FudmFzLFxuICAgIHdpZHRoLFxuICAgIGhlaWdodCxcbiAgfSk7XG5cbiAgcGF5dHlwZUNoYXJ0LnNvdXJjZShkYXRhLCB7XG4gICAgZGF5czoge1xuICAgICAgbWluOiAxLFxuICAgICAgbWF4OiAzMSxcbiAgICB9LFxuICB9KTtcbiAgcGF5dHlwZUNoYXJ0LnRvb2x0aXAoe1xuICAgIHNob3dJdGVtTWFya2VyOiBmYWxzZSxcbiAgICBiYWNrZ3JvdW5kOiB7XG4gICAgICByYWRpdXM6IDIsXG4gICAgICBmaWxsOiAnI2YxNjZmZCcsXG4gICAgICBwYWRkaW5nOiBbNiwgMTBdLFxuICAgIH0sXG4gICAgb25TaG93KGV2KSB7XG4gICAgICBjb25zdCB7IGl0ZW1zIH0gPSBldjtcbiAgICAgIGl0ZW1zWzBdLm5hbWUgPSAnJztcbiAgICAgIGl0ZW1zWzBdLnZhbHVlID0gbW9udGggKyAnLScgKyBpdGVtc1swXS50aXRsZTtcbiAgICAgIGl0ZW1zWzFdLm5hbWUgPSAnJztcbiAgICAgIGl0ZW1zWzFdLnZhbHVlID0gaXRlbXNbMV0udmFsdWUgKyAn5YWDJztcbiAgICB9LFxuICB9KTtcblxuICBwYXl0eXBlQ2hhcnQuY29vcmQoJ3BvbGFyJywge1xuICAgIHRyYW5zcG9zZWQ6IHRydWUsXG4gICAgaW5uZXJSYWRpdXM6IDAuNSxcbiAgICByYWRpdXM6IDAuOSxcbiAgfSk7XG4gIHBheXR5cGVDaGFydC5sZWdlbmQoe1xuICAgIHBvc2l0aW9uOiAncmlnaHQnLFxuICAgIG1hcmtlcjogJ3NxdWFyZScsXG4gIH0pO1xuICBwYXl0eXBlQ2hhcnQudG9vbHRpcChmYWxzZSk7XG4gIHBheXR5cGVDaGFydFxuICAgIC5pbnRlcnZhbCgpXG4gICAgLnBvc2l0aW9uKCdhKmNvdW50JylcbiAgICAuY29sb3IoJ2tleScsIFsnI0VCN0U1OScsICcjMTNDMkMyJywgJyNGQUNDMTQnLCAnIzE4OTBGRiddKVxuICAgIC5hZGp1c3QoJ3N0YWNrJyk7XG4gIHBheXR5cGVDaGFydC5heGlzKGZhbHNlKTtcbiAgcGF5dHlwZUNoYXJ0LnJlbmRlcigpO1xuXG4gIC8vIOe7mOWItuWGhemYtOW9sVxuICBjb25zdCBmcm9udFBsb3QgPSBwYXl0eXBlQ2hhcnQuZ2V0KCdmcm9udFBsb3QnKTtcbiAgY29uc3QgY29vcmQgPSBwYXl0eXBlQ2hhcnQuZ2V0KCdjb29yZCcpOyAvLyDojrflj5blnZDmoIfns7vlr7nosaFcbiAgZnJvbnRQbG90LmFkZFNoYXBlKCdzZWN0b3InLCB7XG4gICAgYXR0cnM6IHtcbiAgICAgIHg6IGNvb3JkLmNpcmNsZVJhZGl1cyAqICgxICsgY29vcmQuaW5uZXJSYWRpdXMpICsgY29vcmQuZW5kQW5nbGUsXG4gICAgICB5OiBjb29yZC5jZW50ZXIueSxcbiAgICAgIHI6IDAsIC8vIOWFqOWNiuW+hFxuICAgICAgcjA6IGNvb3JkLmNpcmNsZVJhZGl1cyAqIGNvb3JkLmlubmVyUmFkaXVzICogMS4xLFxuICAgICAgZmlsbDogJyNmZmYnLFxuICAgIH0sXG4gIH0pO1xuICBwYXl0eXBlQ2hhcnQuZ2V0KCdjYW52YXMnKS5kcmF3KCk7XG4gIGNvbnNvbGUubG9nKCdjb29yZCcsIGNvb3JkKTtcblxuICByZXR1cm4gcGF5dHlwZUNoYXJ0O1xufVxuXG5Db21wb25lbnQoe1xuICBwcm9wZXJ0aWVzOiB7XG4gICAgZGF0YUxpc3Q6IHtcbiAgICAgIHR5cGU6IEFycmF5LFxuICAgICAgdmFsdWU6IFtdLFxuICAgICAgb2JzZXJ2ZXIobmV3VmFsKSB7XG4gICAgICAgIHBheXR5cGVDaGFydCAmJlxuICAgICAgICAgIHBheXR5cGVDaGFydC5sZWdlbmQoe1xuICAgICAgICAgICAgcG9zaXRpb246ICdyaWdodCcsXG4gICAgICAgICAgICBtYXJrZXI6ICdzcXVhcmUnLFxuICAgICAgICAgICAgaXRlbUZvcm1hdHRlcjogdmFsID0+IHtcbiAgICAgICAgICAgICAgbGV0IGl0ZW0gPSBuZXdWYWwuZmluZChpdGVtID0+IGl0ZW0ua2V5ID09PSB2YWwpO1xuICAgICAgICAgICAgICBpZiAoaXRlbSkge1xuICAgICAgICAgICAgICAgIGxldCBuYW1lID0gaXRlbS5uYW1lO1xuICAgICAgICAgICAgICAgIGlmIChpdGVtICYmIGl0ZW0ubmFtZS5sZW5ndGggPCA0KSB7XG4gICAgICAgICAgICAgICAgICBuYW1lICs9ICdcXHhhMFxceGEwXFx4YTAnO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gbmFtZSArICcgICAnICsgZm9ybWF0UHJpY2UoaXRlbS5jb3VudCk7XG4gICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgLy8gY3VzdG9tOiB0cnVlLFxuICAgICAgICAgICAgLy8gaXRlbXM6IG5ld1ZhbC5tYXAoaXRlbSA9PiAoe1xuICAgICAgICAgICAgLy8gICBuYW1lOiBpdGVtLm5hbWUsXG4gICAgICAgICAgICAvLyAgIHZhbHVlOiAnICcgKyBmb3JtYXRQcmljZShpdGVtLmNvdW50KSxcbiAgICAgICAgICAgIC8vICAgbWFya2VyOiB7XG4gICAgICAgICAgICAvLyAgICAgc3ltYm9sOiAnc3F1YXJlJyxcbiAgICAgICAgICAgIC8vICAgICBmaWxsOiBjb2xvck1hcFtpdGVtLmtleV0sXG4gICAgICAgICAgICAvLyAgICAgcmFkaXVzOiA0LFxuICAgICAgICAgICAgLy8gICB9LFxuICAgICAgICAgICAgLy8gfSkpLFxuICAgICAgICAgIH0pO1xuICAgICAgICBwYXl0eXBlQ2hhcnQgJiYgcGF5dHlwZUNoYXJ0LmNoYW5nZURhdGEobmV3VmFsKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBtb250aDoge1xuICAgICAgdHlwZTogU3RyaW5nLFxuICAgICAgdmFsdWU6ICcnLFxuICAgICAgb2JzZXJ2ZXIobmV3VmFsKSB7XG4gICAgICAgIG1vbnRoID0gbmV3VmFsO1xuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICBkYXRhOiB7XG4gICAgb3B0czoge1xuICAgICAgb25Jbml0OiBpbml0Q2hhcnQsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19
\ No newline at end of file
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF5VHlwZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiUGF5VHlwZUNoYXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsNENBQWtEO0FBR2xELElBQUksWUFBWSxHQUFHLElBQUksQ0FBQztBQUN4QixJQUFJLEtBQUssR0FBRyxFQUFFLENBQUM7QUFDZixJQUFNLFFBQVEsR0FBRztJQUNmLElBQUksRUFBRSxTQUFTO0lBQ2YsSUFBSSxFQUFFLFNBQVM7SUFDZixRQUFRLEVBQUUsU0FBUztJQUNuQixNQUFNLEVBQUUsU0FBUztDQUNsQixDQUFDO0FBRUYsbUJBQW1CLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUU7SUFDMUMsSUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLFlBQVksR0FBRyxJQUFJLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFDMUIsRUFBRSxFQUFFLE1BQU07UUFDVixLQUFLLE9BQUE7UUFDTCxNQUFNLFFBQUE7UUFDTixPQUFPLEVBQUUsQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxNQUFNLENBQUM7S0FDdEMsQ0FBQyxDQUFDO0lBRUgsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7UUFDeEIsSUFBSSxFQUFFO1lBQ0osR0FBRyxFQUFFLENBQUM7WUFDTixHQUFHLEVBQUUsRUFBRTtTQUNSO0tBQ0YsQ0FBQyxDQUFDO0lBQ0gsWUFBWSxDQUFDLE9BQU8sQ0FBQztRQUNuQixjQUFjLEVBQUUsS0FBSztRQUNyQixVQUFVLEVBQUU7WUFDVixNQUFNLEVBQUUsQ0FBQztZQUNULElBQUksRUFBRSxTQUFTO1lBQ2YsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztTQUNqQjtRQUNELE1BQU0sWUFBQyxFQUFFO1lBQ1AsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNSLElBQUEsZ0JBQUssQ0FBUTtZQUNyQixLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFDL0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxrQkFBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUd2RCxDQUFDO0tBQ0YsQ0FBQyxDQUFDO0lBT0gsWUFBWSxDQUFDLE1BQU0sQ0FBQztRQUNsQixRQUFRLEVBQUUsT0FBTztRQUNqQixNQUFNLEVBQUUsUUFBUTtRQUNoQixPQUFPLEVBQUUsVUFBQSxFQUFFO1lBQ1QsSUFBTSxPQUFPLEdBQUcsWUFBWSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM1QyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUUzQixDQUFDO0tBQ0YsQ0FBQyxDQUFDO0lBQ0gsWUFBWTtTQUNULFFBQVEsRUFBRTtTQUNWLFFBQVEsQ0FBQyxZQUFZLENBQUM7U0FDdEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDL0QsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7UUFDeEIsS0FBSyxFQUFFO1lBQ0wsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDO1lBQ3BCLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLFlBQVksRUFBRSxRQUFRO1NBQ3ZCO0tBQ0YsQ0FBQyxDQUFDO0lBQ0gsWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBaUJ0QixNQUFNLENBQUMsWUFBWSxDQUFDO0FBQ3RCLENBQUM7QUFFRCxTQUFTLENBQUM7SUFDUixVQUFVLEVBQUU7UUFDVixRQUFRLEVBQUU7WUFDUixJQUFJLEVBQUUsS0FBSztZQUNYLEtBQUssRUFBRSxFQUFFO1lBQ1QsUUFBUSxZQUFDLE1BQU07Z0JBa0JiLFlBQVksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2xELENBQUM7U0FDRjtRQUNELEtBQUssRUFBRTtZQUNMLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLFlBQUMsTUFBTTtnQkFDYixLQUFLLEdBQUcsTUFBTSxDQUFDO1lBQ2pCLENBQUM7U0FDRjtLQUNGO0lBQ0QsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFO1lBQ0osTUFBTSxFQUFFLFNBQVM7U0FDbEI7S0FDRjtDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcm1hdFByaWNlIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvdXRpbCc7XG5cbi8vIHBhZ2VzL2NvbXBvbmVudHMvUGF5VHlwZUNoYXJ0L1BheVR5cGVDaGFydC5qc1xubGV0IHBheXR5cGVDaGFydCA9IG51bGw7XG5sZXQgbW9udGggPSAnJztcbmNvbnN0IGNvbG9yTWFwID0ge1xuICBhaW1pOiAnI0VCN0U1OScsXG4gIGJlYW46ICcjMTNDMkMyJyxcbiAgZGlzY291bnQ6ICcjRkFDQzE0JyxcbiAgb25saW5lOiAnIzE4OTBGRicsXG59O1xuXG5mdW5jdGlvbiBpbml0Q2hhcnQoY2FudmFzLCB3aWR0aCwgaGVpZ2h0LCBGMikge1xuICBjb25zdCBkYXRhID0gW107XG4gIHBheXR5cGVDaGFydCA9IG5ldyBGMi5DaGFydCh7XG4gICAgZWw6IGNhbnZhcyxcbiAgICB3aWR0aCxcbiAgICBoZWlnaHQsXG4gICAgcGFkZGluZzogWydhdXRvJywgJ2F1dG8nLCA1MCwgJ2F1dG8nXSxcbiAgfSk7XG5cbiAgcGF5dHlwZUNoYXJ0LnNvdXJjZShkYXRhLCB7XG4gICAgZGF5czoge1xuICAgICAgbWluOiAxLFxuICAgICAgbWF4OiAzMSxcbiAgICB9LFxuICB9KTtcbiAgcGF5dHlwZUNoYXJ0LnRvb2x0aXAoe1xuICAgIHNob3dJdGVtTWFya2VyOiBmYWxzZSxcbiAgICBiYWNrZ3JvdW5kOiB7XG4gICAgICByYWRpdXM6IDIsXG4gICAgICBmaWxsOiAnI2YxNjZmZCcsXG4gICAgICBwYWRkaW5nOiBbNiwgMTBdLFxuICAgIH0sXG4gICAgb25TaG93KGV2KSB7XG4gICAgICBjb25zb2xlLmxvZyhldik7XG4gICAgICBjb25zdCB7IGl0ZW1zIH0gPSBldjtcbiAgICAgIGl0ZW1zWzBdLm5hbWUgPSBpdGVtc1swXS50aXRsZTtcbiAgICAgIGl0ZW1zWzBdLnZhbHVlID0gZm9ybWF0UHJpY2UoTnVtYmVyKGl0ZW1zWzBdLnZhbHVlKSk7XG4gICAgICAvLyBpdGVtc1sxXS5uYW1lID0gJyc7XG4gICAgICAvLyBpdGVtc1sxXS52YWx1ZSA9IGl0ZW1zWzFdLnZhbHVlICsgJ+WFgyc7XG4gICAgfSxcbiAgfSk7XG5cbiAgLy8gcGF5dHlwZUNoYXJ0LmNvb3JkKCdwb2xhcicsIHtcbiAgLy8gICB0cmFuc3Bvc2VkOiB0cnVlLFxuICAvLyAgIGlubmVyUmFkaXVzOiAwLjUsXG4gIC8vICAgcmFkaXVzOiAwLjksXG4gIC8vIH0pO1xuICBwYXl0eXBlQ2hhcnQubGVnZW5kKHtcbiAgICBwb3NpdGlvbjogJ3JpZ2h0JyxcbiAgICBtYXJrZXI6ICdzcXVhcmUnLFxuICAgIG9uQ2xpY2s6IGV2ID0+IHtcbiAgICAgIGNvbnN0IHRvb2x0aXAgPSBwYXl0eXBlQ2hhcnQuZ2V0KCd0b29sdGlwJyk7XG4gICAgICBjb25zb2xlLmxvZyhldiwgdG9vbHRpcCk7XG4gICAgICAvLyBwYXl0eXBlQ2hhcnQuXG4gICAgfSxcbiAgfSk7XG4gIHBheXR5cGVDaGFydFxuICAgIC5pbnRlcnZhbCgpXG4gICAgLnBvc2l0aW9uKCduYW1lKmNvdW50JylcbiAgICAuY29sb3IoJ25hbWUnLCBbJyNFQjdFNTknLCAnIzEzQzJDMicsICcjRkFDQzE0JywgJyMxODkwRkYnXSk7XG4gIHBheXR5cGVDaGFydC5heGlzKCduYW1lJywge1xuICAgIGxhYmVsOiB7XG4gICAgICByb3RhdGU6IC1NYXRoLlBJIC8gNCxcbiAgICAgIHRleHRBbGlnbjogJ2VuZCcsXG4gICAgICB0ZXh0QmFzZWxpbmU6ICdtaWRkbGUnLFxuICAgIH0sXG4gIH0pO1xuICBwYXl0eXBlQ2hhcnQucmVuZGVyKCk7XG5cbiAgLy8g57uY5Yi25YaF6Zi05b2xXG4gIC8vIGNvbnN0IGZyb250UGxvdCA9IHBheXR5cGVDaGFydC5nZXQoJ2Zyb250UGxvdCcpO1xuICAvLyBjb25zdCBjb29yZCA9IHBheXR5cGVDaGFydC5nZXQoJ2Nvb3JkJyk7IC8vIOiOt+WPluWdkOagh+ezu+WvueixoVxuICAvLyBmcm9udFBsb3QuYWRkU2hhcGUoJ3NlY3RvcicsIHtcbiAgLy8gICBhdHRyczoge1xuICAvLyAgICAgeDogY29vcmQuY2lyY2xlUmFkaXVzLFxuICAvLyAgICAgeTogY29vcmQuY2VudGVyLnksXG4gIC8vICAgICByOiBjb29yZC5jaXJjbGVSYWRpdXMgKiBjb29yZC5pbm5lclJhZGl1cyAqIDEuMSwgLy8g5YWo5Y2K5b6EXG4gIC8vICAgICByMDogMCxcbiAgLy8gICAgIGZpbGw6ICcjMDAwJyxcbiAgLy8gICB9LFxuICAvLyB9KTtcbiAgLy8gcGF5dHlwZUNoYXJ0LmdldCgnY2FudmFzJykuZHJhdygpO1xuICAvLyBjb25zb2xlLmxvZygnY29vcmQnLCBjb29yZCk7XG5cbiAgcmV0dXJuIHBheXR5cGVDaGFydDtcbn1cblxuQ29tcG9uZW50KHtcbiAgcHJvcGVydGllczoge1xuICAgIGRhdGFMaXN0OiB7XG4gICAgICB0eXBlOiBBcnJheSxcbiAgICAgIHZhbHVlOiBbXSxcbiAgICAgIG9ic2VydmVyKG5ld1ZhbCkge1xuICAgICAgICAvLyBwYXl0eXBlQ2hhcnQgJiZcbiAgICAgICAgLy8gICBwYXl0eXBlQ2hhcnQubGVnZW5kKHtcbiAgICAgICAgLy8gICAgIHBvc2l0aW9uOiAncmlnaHQnLFxuICAgICAgICAvLyAgICAgbWFya2VyOiAnc3F1YXJlJyxcbiAgICAgICAgLy8gICAgIGl0ZW1Gb3JtYXR0ZXI6IHZhbCA9PiB7XG4gICAgICAgIC8vICAgICAgIGxldCBpdGVtID0gbmV3VmFsLmZpbmQoaXRlbSA9PiBpdGVtLmtleSA9PT0gdmFsKTtcbiAgICAgICAgLy8gICAgICAgaWYgKGl0ZW0pIHtcbiAgICAgICAgLy8gICAgICAgICBsZXQgbmFtZSA9IGl0ZW0ubmFtZTtcbiAgICAgICAgLy8gICAgICAgICBpZiAoaXRlbSAmJiBpdGVtLm5hbWUubGVuZ3RoIDwgNCkge1xuICAgICAgICAvLyAgICAgICAgICAgbmFtZSArPSAnXFx4YTBcXHhhMFxceGEwJztcbiAgICAgICAgLy8gICAgICAgICB9XG4gICAgICAgIC8vICAgICAgICAgcmV0dXJuIG5hbWUgKyAnICAgJyArIGZvcm1hdFByaWNlKGl0ZW0uY291bnQpO1xuICAgICAgICAvLyAgICAgICB9IGVsc2Uge1xuICAgICAgICAvLyAgICAgICAgIHJldHVybiAnJztcbiAgICAgICAgLy8gICAgICAgfVxuICAgICAgICAvLyAgICAgfSxcbiAgICAgICAgLy8gICB9KTtcbiAgICAgICAgcGF5dHlwZUNoYXJ0ICYmIHBheXR5cGVDaGFydC5jaGFuZ2VEYXRhKG5ld1ZhbCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgbW9udGg6IHtcbiAgICAgIHR5cGU6IFN0cmluZyxcbiAgICAgIHZhbHVlOiAnJyxcbiAgICAgIG9ic2VydmVyKG5ld1ZhbCkge1xuICAgICAgICBtb250aCA9IG5ld1ZhbDtcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgZGF0YToge1xuICAgIG9wdHM6IHtcbiAgICAgIG9uSW5pdDogaW5pdENoYXJ0LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ==
\ No newline at end of file
miniprogram/pages/components/PayTypeChart/PayTypeChart.ts
......@@ -16,6 +16,7 @@ function initChart(canvas, width, height, F2) {
el: canvas,
width,
height,
padding: ['auto', 'auto', 50, 'auto'],
});
paytypeChart.source(data, {
......@@ -32,46 +33,56 @@ function initChart(canvas, width, height, F2) {
padding: [6, 10],
},
onShow(ev) {
console.log(ev);
const { items } = ev;
items[0].name = '';
items[0].value = month + '-' + items[0].title;
items[1].name = '';
items[1].value = items[1].value + '元';
items[0].name = items[0].title;
items[0].value = formatPrice(Number(items[0].value));
// items[1].name = '';
// items[1].value = items[1].value + '元';
},
});
paytypeChart.coord('polar', {
transposed: true,
innerRadius: 0.5,
radius: 0.9,
});
// paytypeChart.coord('polar', {
// transposed: true,
// innerRadius: 0.5,
// radius: 0.9,
// });
paytypeChart.legend({
position: 'right',
marker: 'square',
onClick: ev => {
const tooltip = paytypeChart.get('tooltip');
console.log(ev, tooltip);
// paytypeChart.
},
});
paytypeChart.tooltip(false);
paytypeChart
.interval()
.position('a*count')
.color('key', ['#EB7E59', '#13C2C2', '#FACC14', '#1890FF'])
.adjust('stack');
paytypeChart.axis(false);
.position('name*count')
.color('name', ['#EB7E59', '#13C2C2', '#FACC14', '#1890FF']);
paytypeChart.axis('name', {
label: {
rotate: -Math.PI / 4,
textAlign: 'end',
textBaseline: 'middle',
},
});
paytypeChart.render();
// 绘制内阴影
const frontPlot = paytypeChart.get('frontPlot');
const coord = paytypeChart.get('coord'); // 获取坐标系对象
frontPlot.addShape('sector', {
attrs: {
x: coord.circleRadius * (1 + coord.innerRadius) + coord.endAngle,
y: coord.center.y,
r: 0, // 全半径
r0: coord.circleRadius * coord.innerRadius * 1.1,
fill: '#fff',
},
});
paytypeChart.get('canvas').draw();
console.log('coord', coord);
// const frontPlot = paytypeChart.get('frontPlot');
// const coord = paytypeChart.get('coord'); // 获取坐标系对象
// frontPlot.addShape('sector', {
// attrs: {
// x: coord.circleRadius,
// y: coord.center.y,
// r: coord.circleRadius * coord.innerRadius * 1.1, // 全半径
// r0: 0,
// fill: '#000',
// },
// });
// paytypeChart.get('canvas').draw();
// console.log('coord', coord);
return paytypeChart;
}
......@@ -82,33 +93,23 @@ Component({
type: Array,
value: [],
observer(newVal) {
paytypeChart &&
paytypeChart.legend({
position: 'right',
marker: 'square',
itemFormatter: val => {
let item = newVal.find(item => item.key === val);
if (item) {
let name = item.name;
if (item && item.name.length < 4) {
name += '\xa0\xa0\xa0';
}
return name + ' ' + formatPrice(item.count);
} else {
return '';
}
},
// custom: true,
// items: newVal.map(item => ({
// name: item.name,
// value: ' ' + formatPrice(item.count),
// marker: {
// symbol: 'square',
// fill: colorMap[item.key],
// radius: 4,
// },
// })),
});
// paytypeChart &&
// paytypeChart.legend({
// position: 'right',
// marker: 'square',
// itemFormatter: val => {
// let item = newVal.find(item => item.key === val);
// if (item) {
// let name = item.name;
// if (item && item.name.length < 4) {
// name += '\xa0\xa0\xa0';
// }
// return name + ' ' + formatPrice(item.count);
// } else {
// return '';
// }
// },
// });
paytypeChart && paytypeChart.changeData(newVal);
},
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment