首页3d柱状图

src/views/dashboard/index.vue

@@ -617,7 +617,7 @@ export default {
             type: 'bar',
             barWidth: barWidth,
             name: `${this.carrySelect.month}计划`,
-            barGap: "90%", //相邻柱子间距
+            barGap: "54%", //相邻柱子间距
             itemStyle: {
               borderRadius: [0, 0, 0, 0],//柱子四周圆角
               color: color1//柱子左右颜色（深，浅）
@@ -639,7 +639,7 @@ export default {
             type: "pictorialBar",
             data: constData1,//此数据对应底部组件
             symbol: "diamond",//底部组件形状，不写默认为椭圆
-            symbolOffset: ["-190%", "50%"],//与柱子的偏移角度
+            symbolOffset: ["-154%", "50%"],//与柱子的偏移角度
             symbolSize: [barWidth, 10],//底面[宽，高]
             itemStyle: {
               normal: {
@@ -657,7 +657,7 @@ export default {
             symbolPosition: "end",
             data: showData1,//此数据对应顶部组件
             symbol: "diamond",
-            symbolOffset: ["-230%", "-50%"],
+            symbolOffset: ["-184%", "-50%"],
             symbolSize: [barWidth - 4, (10 * (barWidth - 4)) / barWidth],
             itemStyle: {
               normal: {
@@ -753,7 +753,7 @@ export default {
             type: "pictorialBar",
             data: constData3,
             symbol: "diamond",
-            symbolOffset: ["192%", "50%"],
+            symbolOffset: ["154%", "50%"],
             symbolSize: [barWidth, 10],
             itemStyle: {
               normal: {
@@ -771,7 +771,7 @@ export default {
             symbolPosition: "end",
             data: showData3,
             symbol: "diamond",
-            symbolOffset: ["233%", "-50%"],
+            symbolOffset: ["191%", "-50%"],
             symbolSize: [barWidth - 4, (10 * (barWidth - 4)) / barWidth],
             itemStyle: {
               normal: {