VChart icon indicating copy to clipboard operation
VChart copied to clipboard

[Bug] Label line color changes unexpectedly with pie label color adjustments.

Open xiaoluoHe opened this issue 1 year ago • 0 comments

Version

1.11.10

Link to Minimal Reproduction

none

Steps to Reproduce

const spec = {
  type: "pie",
  width: 600,
  height: 426,
  title: {
    text: "DV chart title",
    subtext: "Subtitle",
  },
  data: [
    {
      id: "id0",
      values: [
        { type: "Indicator 1", value: 42 },
        { type: "Indicator 2", value: 24 },
        { type: "Indicator 3", value: 20 },
        { type: "Indicator 4", value: 10 },
        { type: "Indicator 5", value: 4 },
      ],
    },
  ],
  outerRadius: 0.8,
  innerRadius: 0.5,
  valueField: "value",
  categoryField: "type",
  label:{visible: true, style:{fill:"black"} },
  legends: {
    visible: true,
    orient: "top",
  },
  pie: {
    style: {
      stroke: "white",
      lineWidth: 2,
      lineJoin: "bevel",
      cornerRadius: 4,
    },
  },
};


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

label line color is still follow pie marks

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

xiaoluoHe avatar Aug 09 '24 02:08 xiaoluoHe