소스 검색

fix:修复条形图图例设置问题

liu.shiyi 1 년 전
부모
커밋
fb47f93cbd

+ 1 - 0
data-room-ui/packages/G2Plots/条形图/分组条形图.js

@@ -523,6 +523,7 @@ const data = [
 
 // 配置处理脚本
 const optionHandler = '\noption.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' +
+  'if (option.legendEnable) {\n  option.legend.itemName = option.legendItemName\n};' +
   '\nconst radiusNum = setting.find(settingItem=>settingItem.field === \'radiusNum\').value; option.barStyle.radius = [radiusNum,radiusNum,0,0];' +
   'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]'
 

+ 4 - 1
data-room-ui/packages/G2Plots/条形图/基础条形图.js

@@ -573,6 +573,9 @@ const data = [
 const optionHandler = `
 option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
 option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
+if (option.legendEnable) {
+  option.legend.itemName = option.legendItemName
+};
 const radiusNum = setting.find(settingItem=>settingItem.field === 'radiusNum').value;
 option.barStyle.radius = [radiusNum,radiusNum,0,0]
 const yFieldValue = setting.find(settingItem=>settingItem.field === 'yField').value
@@ -603,7 +606,7 @@ const option = {
   legendLayout: 'vertical',
   legendPosition: 'top',
   legend: false,
-  legendItemName: {
+  itemName: {
     style: {
       fill: '#e9e9e9',
       fontSize: 12,

+ 3 - 2
data-room-ui/packages/G2Plots/条形图/堆叠条形图.js

@@ -526,6 +526,7 @@ const data = [
 
 // 配置处理脚本
 const optionHandler = '\noption.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' +
+  'if (option.legendEnable) {\n  option.legend.itemName = option.legendItemName\n};' +
   '\nconst radiusNum = setting.find(settingItem=>settingItem.field === \'radiusNum\').value; option.barStyle.radius = [radiusNum,radiusNum,0,0];' +
   'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]'
 
@@ -571,8 +572,8 @@ const option = {
       // 数据标签防遮挡
       { type: 'interval-hide-overlap' },
       // 数据标签文颜色自动调整
-      { type: 'adjust-color' },
-    ],
+      { type: 'adjust-color' }
+    ]
   },
   radiusNum: 0, // 设置条形图的圆角的中间值
   xAxis: {