VisActor / VChart

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

[Bug] radius轴label默认不显示,配置个空对象才行 #3371

Open neuqzxy opened 3 weeks ago

neuqzxy commented 3 weeks ago

Version

1.12.9

Link to Minimal Reproduction

1.12.9

Steps to Reproduce

const spec = {
  type: 'radar',
  data: [
    {
      id: 'radarData',
      values: [
        {
          key: 'Strength',
          value: 5
        },
        {
          key: 'Speed',
          value: 5
        },
        {
          key: 'Shooting',
          value: 3
        },
        {
          key: 'Endurance',
          value: 5
        },
        {
          key: 'Precision',
          value: 5
        },
        {
          key: 'Growth',
          value: 5
        }
      ]
    }
  ],
  categoryField: 'key',
  valueField: 'value',
  point: {
    visible: false // disable point
  },
  area: {
    visible: true, // display area
    state: {
      // The style in the hover state of the area
      hover: {
        fillOpacity: 0.5
      }
    }
  },
  line: {
    style: {
      lineWidth: 4
    }
  },
  axes: [
    {
      orient: 'radius', // radius axis
      // 不设置无法显示
      label: {},
    }
  ]
};

const theme = {
  component: {
    axisRadius: {
      label: {
          visible: true,
      },
      domainLine: {
        visible: true,
      }
    },
  }
}

VChart.ThemeManager.registerTheme("simple", theme);
VChart.ThemeManager.setCurrentTheme("simple");

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

label不显示

Expected Behavior

label显示

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

neuqzxy commented 3 weeks ago

除去 label外,domainLine 和 tick 也有同样的问题