8000 [Bug] The `barBackground` and `totalLabel` are turned on at the same time in the bar chart, and the total label is not displayed. · Issue #2448 · VisActor/VChart · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
[Bug] The barBackground and totalLabel are turned on at the same time in the bar chart, and the total label is not displayed. #2448
Closed
@kkxxkk2019

Description

@kkxxkk2019

Version

lastest

Link to Minimal Reproduction

none

Steps to Reproduce

const spec = {
  "direction": "vertical",
  "type": "common",
  "color": [
    "#00295C",
    "#2568BD",
    "#9F9F9F",
    "#C5C5C5",
    "#00B0F0",
    "#4BCFFF",
    "#C2C2C2",
    "#D7D7D7"
  ],
  "series": [
    {
      "type": "bar",
      "stack": true,
      "direction": "vertical",
      "bar": {
        "state": {
          "hover": {
            "stroke": "#000",
            "lineWidth": 1
          }
        }
      },
      "label": {
        "visible": true,
        "position": "inside",
        "style": {
          "lineHeight": "100%"
        },
        "overlap": {
          "strategy": []
        },
        "smartInvert": true,
        "interactive": true
      },
      "totalLabel": {
        "visible": true,
        "position": "top",
        "overlap": false,
        "clampForce": false,
        "formatConfig": {
          "fixed": 0,
          "content": "value"
        },
        "style": {
          "lineHeight": "100%",
          "lineWidth": 1,
          "stroke": "#ffffff",
          "fontSize": 14
        },
        "interactive": true
      },
      "seriesLabel": {
        "visible": true,
        "position": "end",
        "label": {
          "style": {
            "lineHeight": "100%",
            "lineWidth": 1,
            "stroke": "#ffffff",
            "fontSize": 16
          },
          "space": 10
        }
      },
      "xField": "_editor_dimension_field",
      "yField": "_editor_value_field",
      "dataId": "0",
      "id": "series-0",
      "seriesField": "_editor_type_field",
      "barBackground": {
        "visible": true
      }
    }
  ],
  "legends": {
    "id": "legend-discrete",
    "visible": false,
    "autoPage": false,
    "position": "start",
    "interactive": false
  },
  "region": [
    {
      "id": "region-0"
    }
  ],
  "tooltip": {
    "visible": true
  },
  "axes": [
    {
      "orient": "left",
      "id": "axis-left",
      "type": "linear",
      "label": {
        "autoLimit": false,
        "style": {
          "fill": "#333333"
        },
        "formatMethod": null
      },
      "autoIndent": false,
      "maxWidth": null,
      "maxHeight": null,
      "grid": {
        "zIndex": 110,
        "style": {
          "pickStrokeBuffer": 2
        }
      }
    },
    {
      "orient": "bottom",
      "id": "axis-bottom",
      "type": "band",
      "label": {
        "autoLimit": false,
        "style": {
          "fill": "#333333"
        }
      },
      "domainLine": {
        "onZero": true
      },
      "autoIndent": false,
      "maxWidth": null,
      "maxHeight": null,
      "trimPadding": false,
      "paddingInner": [
        0.2,
        0
      ],
      "paddingOuter": [
        0.2,
        0
      ],
      "grid": {
        "zIndex": 110,
        "style": {
          "pickStrokeBuffer": 2
        }
      }
    }
  ],
  "data": [
    {
      "id": "0",
      "sourceKey": " PM2_5",
      "values": [
        {
          "_editor_dimension_field": "D01",
          "_editor_value_field": 54.8,
          "_editor_type_field": " PM2_5"
        },
        {
          "_editor_dimension_field": "D02",
          "_editor_value_field": 112.1,
          "_editor_type_field": " PM2_5"
        },
        {
          "_editor_dimension_field": "D03",
          "_editor_value_field": 63.6,
          "_editor_type_field": " PM2_5"
        },
        {
          "_editor_dimension_field": "D04",
          "_editor_value_field": 37.6,
          "_editor_type_field": " PM2_5"
        },
        {
          "_editor_dimension_field": "D05",
          "_editor_value_field": 79.7,
          "_editor_type_field": " PM2_5"
        },
        {
          "_editor_dimension_field": "D06",
          "_editor_value_field": 137.9,
          "_editor_type_field": " PM2_5"
        }
      ]
    }
  ],
  "labelLayout": "region",
  
  "width": 640,
  "height": 360,
  "background": "transparent"
};

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

total label disappeared.

image

Expected Behavior

fix it

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