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.

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

[Bug] track style fill not working in circularProgress #600

Closed
youngwinds opened this issue Aug 21, 2023 · 0 comments · Fixed by #1005
Closed

[Bug] track style fill not working in circularProgress #600

youngwinds opened this issue Aug 21, 2023 · 0 comments · Fixed by #1005
Assignees
Labels
bp bug Something isn't working
Milestone

Comments

@youngwinds
Copy link
Contributor

Version

1.2.0

Link to Minimal Reproduction

https://visactor.bytedance.net/vchart/demo/progress/circular-progress

Steps to Reproduce


const spec = {
  type: 'circularProgress',
  data: [
    {
      id: 'id0',
      values: [
        {
          type: 'Tradition Industries',
          value: 0.795,
          text: '79.5%'
        },
        {
          type: 'Business Companies',
          value: 0.25,
          text: '25%'
        },
        {
          type: 'Customer-facing Companies',
          value: 0.065,
          text: '6.5%'
        }
      ]
    }
  ],
  valueField: 'value',
  categoryField: 'type',
  seriesField: 'type',
  radius: 0.8,
  innerRadius: 0.5,
  roundCap: true,
  cornerRadius: 20,
  progress: {
    style: {
      innerPadding: 5,
      outerPadding: 5,
      fill: 'yellow',
    }
  },
  track: {
    style: {
      fill: 'red',
    }
  },
  axes: [
    {
      visible: false,
      type: 'linear',
      orient: 'angle'
    },
    {
      visible: false,
      type: 'band',
      orient: 'radius'
    }
  ],
  indicator: {
    visible: true,
    trigger: 'hover',
    title: {
      visible: true,
      field: 'type',
      autoLimit: true,
      style: {
        fontSize: 20,
        fill: 'black'
      }
    },
    content: [
      {
        visible: true,
        field: 'text',
        style: {
          fontSize: 16,
          fill: 'gray'
        }
      }
    ]
  },
  legends: {
    visible: true,
    orient: 'right',
    title: {
      visible: false
    }
  }
};

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

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

Current Behavior

image

Expected Behavior

track fill work correctly

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@youngwinds youngwinds added bug Something isn't working bp labels Aug 21, 2023
@youngwinds youngwinds assigned pairone and zamhown and unassigned pairone Aug 21, 2023
@kkxxkk2019 kkxxkk2019 modified the milestones: v1.3.1, v1.3.2 Sep 1, 2023
@kkxxkk2019 kkxxkk2019 modified the milestones: v1.3.2, v1.4.0 Sep 14, 2023
@zamhown zamhown mentioned this issue Sep 19, 2023
20 tasks
@zamhown zamhown linked a pull request Sep 19, 2023 that will close this issue
20 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bp bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants