@fxlt/common-ui 0.0.5-rc3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -684,7 +684,7 @@ class BaseTableComponent extends BaseComponent {
684
684
  }
685
685
  }
686
686
  tagClass(tag) {
687
- return FxUtils.getTagClass(tag);
687
+ return FxUtils.getTagClass(tag, true);
688
688
  }
689
689
  capitalize(label) {
690
690
  return _.capitalize(label);
@@ -1480,6 +1480,7 @@ class ChartComponent {
1480
1480
  icon: 'circle',
1481
1481
  align: 'left',
1482
1482
  itemGap: 12,
1483
+ width: 150,
1483
1484
  formatter: (name) => {
1484
1485
  const item = data.find((d) => d.name === name);
1485
1486
  return item ? `${name}: ${item.value}` : name;
@@ -1500,10 +1501,6 @@ class ChartComponent {
1500
1501
  data,
1501
1502
  label: {
1502
1503
  show: this.showPieLabel,
1503
- //{a} Series name
1504
- //{b} Data name (slice label)
1505
- //{c} Data value
1506
- //{d} Percentage
1507
1504
  position: 'outside',
1508
1505
  formatter: '{d}%',
1509
1506
  fontSize: this.labelFontSize,
@@ -1556,6 +1553,23 @@ class ChartComponent {
1556
1553
  graphic: {
1557
1554
  left: '50%',
1558
1555
  top: '40%',
1556
+ type: 'group',
1557
+ bounding: 'raw',
1558
+ children: [
1559
+ {
1560
+ type: 'text',
1561
+ style: {
1562
+ text: data.reduce((sum, d) => sum + d.value, 0).toString(),
1563
+ fontSize: 24,
1564
+ fontWeight: 600,
1565
+ fontFamily: 'DMSans',
1566
+ fill: FxUtils.convertColorFromVariable('--text-primary'),
1567
+ align: 'center',
1568
+ verticalAlign: 'middle',
1569
+ },
1570
+ y: 0,
1571
+ },
1572
+ ],
1559
1573
  },
1560
1574
  series: [
1561
1575
  {