VisActor / VChart

VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
https://www.visactor.io/vchart
MIT License
775 stars 45 forks source link

[Bug] incorrect result when sliding treemap colorLegend #2749

Closed xiaoluoHe closed 4 weeks ago

xiaoluoHe commented 1 month ago

Version

1.11.1

Link to Minimal Reproduction

--

Steps to Reproduce

const spec = {
  type: "treemap",
  categoryField: "name",
  valueField: "value",
  roam: false,
  splitType: false,
  data: [
    {
      id:'0',
      values: [
        {
          name: "A",
          children: [
            {
              value: 1,
              value1: "100",
              name: "内蒙古",
              dataItem: {
                value: 1,
                value1: "100",
                name: "内蒙古",
              },
              metaItem: {
                dataIndex: "value",
                type: "number",
                title: "曝光UV",
              },
              meta: [
                {
                  dataIndex: "name",
                  type: "string",
                  analysisType: "dimension",
                  title: "省份",
                },
                {
                  dataIndex: "value",
                  type: "number",
                  title: "曝光UV",
                },
                {
                  dataIndex: "value1",
                  type: "number",
                  title: "用户数",
                },
              ],
              $$title: "内蒙古",
              $$value: 1,
            },
            {
              value: 2,
              name: "江苏",
              value1: "132",
              dataItem: {
                value: 2,
                name: "江苏",
                value1: "132",
              },
              metaItem: {
                dataIndex: "value",
                type: "number",
                title: "曝光UV",
              },
              meta: [
                {
                  dataIndex: "name",
                  type: "string",
                  analysisType: "dimension",
                  title: "省份",
                },
                {
                  dataIndex: "value",
                  type: "number",
                  title: "曝光UV",
                },
                {
                  dataIndex: "value1",
                  type: "number",
                  title: "用户数",
                },
              ],
              $$title: "江苏",
              $$value: 2,
            },
            {
              value: 3,
              name: "山东",
              value1: "122",
              dataItem: {
                value: 3,
                name: "山东",
                value1: "122",
              },
              metaItem: {
                dataIndex: "value",
                type: "number",
                title: "曝光UV",
              },
              meta: [
                {
                  dataIndex: "name",
                  type: "string",
                  analysisType: "dimension",
                  title: "省份",
                },
                {
                  dataIndex: "value",
                  type: "number",
                  title: "曝光UV",
                },
                {
                  dataIndex: "value1",
                  type: "number",
                  title: "用户数",
                },
              ],
              $$title: "山东",
              $$value: 3,
            },
            {
              value: 4,
              name: "河南",
              value1: "112",
              dataItem: {
                value: 4,
                name: "河南",
                value1: "112",
              },
              metaItem: {
                dataIndex: "value",
                type: "number",
                title: "曝光UV",
              },
              meta: [
                {
                  dataIndex: "name",
                  type: "string",
                  analysisType: "dimension",
                  title: "省份",
                },
                {
                  dataIndex: "value",
                  type: "number",
                  title: "曝光UV",
                },
                {
                  dataIndex: "value1",
                  type: "number",
                  title: "用户数",
                },
              ],
              $$title: "河南",
              $$value: 4,
            },
          ],
        },
      ],
    },
  ],
  label: {
    visible: true,
    style: {},
  },
  leaf: {
    style: {
      fill: {
        field: "value",
        scale: "color",
      },
    },
  },
  leaf: {
    style: {
      fill: {
        field: "value",
        scale: "color",
      },
    },
  },
  color: {
    type: "linear",
     domain: [
      {
        dataId: '0',
        fields: ['value']
      }
    ],
    range: ["#b2e3ff", "#0050b3"],
  },
  legends: {
    type: "color",
    visible: true,
    orient: "top",
    position: "start",
    title: {
      visible: false,
      textStyle: {
        fontSize: 12,
      },
    },
    field: "value",
  },
  tooltip: {
    visible: true,
    mark: {
      visible: true,
    },
    dimension: {
      visible: false,
    },
    titleStyle: {},
    contentStyle: {},
  },
  crosshair: {
    xField: {
      visible: true,
    },
  },
};

const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();

// Just for the convenience of console debugging, DO NOT COPY!
window["vchart"] = vchart;

Current Behavior

image

Expected Behavior

正常筛选

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response