8000 [Bug] incorrect result when sliding treemap colorLegend · Issue #2749 · VisActor/VChart · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
[Bug] incorrect result when sliding treemap colorLegend  #2749
Closed
@xiaoluoHe

Description

@xiaoluoHe

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

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0