Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug] autoBandSize not work #2704

Closed
skie1997 opened this issue May 20, 2024 · 0 comments · Fixed by #2737
Closed

[Bug] autoBandSize not work #2704

skie1997 opened this issue May 20, 2024 · 0 comments · Fixed by #2737
Assignees
@skie1997
Labels
bug Something isn't working

Comments

@skie1997
Copy link
Contributor

skie1997 commented May 20, 2024 •
edited

Version

1.11.0

Link to Minimal Reproduction

null

Steps to Reproduce

  const spec = {
    type: "common",
    padding: {
      left: 0,
      right: 0,
      bottom: 0,
      top: 0
    },
    legends: [
      {
        type: "discrete",
        visible: true,
        orient: "bottom",
        maxRow: 1,
        item: {
          label: {}
        }
      }
    ],
    data: [
      {
        id: "seriesData",
        values: [
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[87.00,130.50)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.85,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.02849741,
                tagValidProportion: 0.10091743,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[87.00,130.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 87,
                  max: 130.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[43.50,87.00)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.78,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.027849741,
                tagValidProportion: 0.09862386,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[43.50,87.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 43.5,
                  max: 87,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[391.50,435.00]",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.85,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.02849741,
                tagValidProportion: 0.10091743,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[391.50,435.00]",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 391.5,
                  max: 435,
                  leftClose: true,
                  rightClose: true
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[348.00,391.50)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.85,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.02849741,
                tagValidProportion: 0.10091743,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[348.00,391.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 348,
                  max: 391.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[304.50,348.00)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.78,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.027849741,
                tagValidProportion: 0.09862386,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[304.50,348.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 304.5,
                  max: 348,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[261.00,304.50)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.85,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.02849741,
                tagValidProportion: 0.10091743,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[261.00,304.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 261,
                  max: 304.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[217.50,261.00)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.78,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.027849741,
                tagValidProportion: 0.09862386,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[217.50,261.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 217.5,
                  max: 261,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[174.00,217.50)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.85,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.02849741,
                tagValidProportion: 0.10091743,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[174.00,217.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 174,
                  max: 217.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[130.50,174.00)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.78,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.027849741,
                tagValidProportion: 0.09862386,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[130.50,174.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 130.5,
                  max: 174,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[0.00,43.50)",
            segName: "ccc",
            segIndex: 3,
            tgi: 778,
            tgiName: "778",
            percentage: 2.85,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.02849741,
                tagValidProportion: 0.10091743,
                tagTGI: 100,
                mauTGI: 778,
                customTGI: 778,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[0.00,43.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 0,
                  max: 43.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "ccc",
              segIndex: 3
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[87.00,130.50)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.75,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.0075290897,
                tagValidProportion: 0.101149425,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[87.00,130.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 87,
                  max: 130.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[43.50,87.00)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.74,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.007357974,
                tagValidProportion: 0.09885058,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[43.50,87.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 43.5,
                  max: 87,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[391.50,435.00]",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.75,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.0075290897,
                tagValidProportion: 0.101149425,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[391.50,435.00]",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 391.5,
                  max: 435,
                  leftClose: true,
                  rightClose: true
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[348.00,391.50)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.75,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.0075290897,
                tagValidProportion: 0.101149425,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[348.00,391.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 348,
                  max: 391.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[304.50,348.00)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.74,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.007357974,
                tagValidProportion: 0.09885058,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[304.50,348.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 304.5,
                  max: 348,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[261.00,304.50)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.75,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.0075290897,
                tagValidProportion: 0.101149425,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[261.00,304.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 261,
                  max: 304.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[217.50,261.00)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.74,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.007357974,
                tagValidProportion: 0.09885058,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[217.50,261.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 217.5,
                  max: 261,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 44,
            count: 44,
            tagShowValue: "[174.00,217.50)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.75,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.0075290897,
                tagValidProportion: 0.101149425,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 44,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[174.00,217.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 174,
                  max: 217.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 43,
            count: 43,
            tagShowValue: "[130.50,174.00)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 205,
            tgiName: "205",
            percentage: 0.74,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.007357974,
                tagValidProportion: 0.09885058,
                tagTGI: 100,
                mauTGI: 205,
                customTGI: 205,
                countInSeg: 43,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[130.50,174.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 130.5,
                  max: 174,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 44,
            count: 43,
            tagShowValue: "[0.00,43.50)",
            segName: "fasfdsafdsa",
            segIndex: 2,
            tgi: 201,
            tgiName: "201",
            percentage: 0.74,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0.007357974,
                tagValidProportion: 0.09885058,
                tagTGI: 97,
                mauTGI: 201,
                customTGI: 201,
                countInSeg: 43,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[0.00,43.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 0,
                  max: 43.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "fasfdsafdsa",
              segIndex: 2
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[87.00,130.50)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0.25,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[87.00,130.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 87,
                  max: 130.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[43.50,87.00)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0.33,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[43.50,87.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 43.5,
                  max: 87,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[391.50,435.00]",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[391.50,435.00]",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 391.5,
                  max: 435,
                  leftClose: true,
                  rightClose: true
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[348.00,391.50)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[348.00,391.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 348,
                  max: 391.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[304.50,348.00)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[304.50,348.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 304.5,
                  max: 348,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[261.00,304.50)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[261.00,304.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 261,
                  max: 304.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[217.50,261.00)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[217.50,261.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 217.5,
                  max: 261,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[174.00,217.50)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[174.00,217.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 174,
                  max: 217.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[130.50,174.00)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0.99,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[130.50,174.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 130.5,
                  max: 174,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[0.00,43.50)",
            segName: "分群2",
            segIndex: 1,
            tgi: 0,
            tgiName: "0",
            percentage: 0.23,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[0.00,43.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 0,
                  max: 43.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群2",
              segIndex: 1
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[87.00,130.50)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0.87,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[87.00,130.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 87,
                  max: 130.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[43.50,87.00)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0.27,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[43.50,87.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 43.5,
                  max: 87,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[391.50,435.00]",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[391.50,435.00]",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 391.5,
                  max: 435,
                  leftClose: true,
                  rightClose: true
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[348.00,391.50)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[348.00,391.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 348,
                  max: 391.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[304.50,348.00)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[304.50,348.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 304.5,
                  max: 348,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[261.00,304.50)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[261.00,304.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 261,
                  max: 304.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[217.50,261.00)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[217.50,261.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 217.5,
                  max: 261,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[174.00,217.50)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[174.00,217.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 174,
                  max: 217.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 43,
            count: 0,
            tagShowValue: "[130.50,174.00)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0.1,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 43,
                countInCustomTGISeg: 43,
                tagShowValue: "[130.50,174.00)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 130.5,
                  max: 174,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          },
          {
            countInMau: 44,
            count: 0,
            tagShowValue: "[0.00,43.50)",
            segName: "分群1",
            segIndex: 0,
            tgi: 0,
            tgiName: "0",
            percentage: 0.77,
            placeholder: 0,
            originData: {
              data: {
                tagProportion: 0,
                tagValidProportion: "NaN",
                tagTGI: 0,
                mauTGI: 0,
                customTGI: 0,
                countInSeg: 0,
                countInMau: 44,
                countInCustomTGISeg: 44,
                tagShowValue: "[0.00,43.50)",
                tagDateRange: null,
                tagDateTimeRange: null,
                tagDecimalRange: {
                  min: 0,
                  max: 43.5,
                  leftClose: true,
                  rightClose: false
                },
                tagDecimalValue: null,
                tagStringValue: null,
                tagDateValue: null,
                tagDateTimeValue: null
              },
              segName: "分群1",
              segIndex: 0
            }
          }
        ]
      }
    ],
    series: [
      {
        type: "bar",
        id: "barSeries",
        dataId: "seriesData",
        direction: "horizontal",
        yField: ["tagShowValue", "segName"],
        xField: "percentage",
        seriesField: "segName",
        stack: false,
        // barWidth: 10,
        // barGapInGroup: 0.2,
        // autoBandSize: true,
        bar: {
          style: {
            lineWidth: 0
          }
        }
      },
      {
        type: "bar",
        id: "tgiBarSeries",
        dataId: "seriesData",
        direction: "horizontal",
        yField: ["tagShowValue", "segName"],
        xField: "tgi",
        // barWidth: 10,
        // barGapInGroup: 0.2,
        // autoBandSize: true,
        bar: {
          style: {
            fill: {
              field: "segName",
              scale: "tgiColorScale"
            }
          }
        }
      }
    ],
    axes: [
      {
        orient: "bottom",
        id: "leftId",
        type: "linear",
        seriesId: ["barSeries"],
        label: {
          padding: 6
        },
        gridDash: [0, 0],
        title: {
          visible: false
        },
        unit: {
          visible: true,
          margin: {
            left: -20
          }
        }
      },
      {
        visible: true,
        orient: "top",
        type: "linear",
        sync: {
          axisId: "leftId",
          tickAlign: true
        },
        seriesId: ["tgiBarSeries"],
        label: {
          padding: 6
        },
        gridDash: [0, 0],
        zero: true,
        bandSize: 50
      },
      {
        orient: "left",
        type: "band",
        groupSize: 80,
        bandSize: 50
      }
    ],
    markLine: [
      {
        x: 100,
        relativeSeriesId: "tgiBarSeries",
        label: {
          visible: true,
          confine: true,
          text: "TGI 100",
          style: {
            fontSize: 12,
            fontWeight: "bold",
            fill: "red",
            dx: 10,
            suffixPosition: "end"
          },
          labelBackground: {
            visible: false
          }
        },
        startSymbol: {
          visible: false
        },
        endSymbol: {
          visible: false
        },
        line: {
          label: {
            visible: true,
            text: "TGI 100"
          },
          style: {
            stroke: "red",
            lineDash: [4]
          }
        }
      }
    ],
    scales: [
      {
        id: "colorScale",
        type: "ordinal",
        domain: [
          {
            dataId: "seriesData",
            fields: ["segName"]
          }
        ],
        range: [
          "#1664FF",
          "#3CC780",
          "#FF8A00",
          "#1AC6FF",
          "#7442D4",
          "#FFC400",
          "#B48DEB",
          "#009488",
          "#304D77",
          "#FF7DDA"
        ]
      },
      {
        id: "tgiColorScale",
        type: "ordinal",
        domain: [
          {
            dataId: "seriesData",
            fields: ["segName"]
          }
        ],
        range: [
          "#B2CFFF",
          "#B9EDCD",
          "#FFCE7A",
          "#94EFFF",
          "#DDC5FA",
          "#FAE878",
          "#EFE3FF",
          "#59BAA8",
          "#8B959E",
          "#FFCFEE"
        ]
      }
    ],
    scrollBar: [
      {
        orient: "right",
        auto: true
      }
    ]
  };

Current Behavior

设置barWidth和autoBandSize之后，柱子没有自动调整bandSize导致柱子重叠
img_v3_02av_daeb7888-55db-41ba-930f-2a5745799e5g

Expected Behavior

autoBandSize生效

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response
@skie1997 skie1997 added the bug Something isn't working label May 20, 2024
@skie1997 skie1997 mentioned this issue May 26, 2024
Merged
20 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@skie1997 skie1997

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix/auto bandsize VisActor/VChart
1 participant
@skie1997