修改消费视图

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
+//# 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);
       },
     },