VisActor/VChart

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

Open

#3371 aperta il 30 ott 2024

Vedi su GitHub
 (3 commenti) (0 reazioni) (1 assegnatario)TypeScript (212 fork)user submission
buggood first issue

Metriche repository

Star
 (1800 star)
Metriche merge PR
 (Merge medio 3g 12h) (15 PR mergiate in 30 g)

Descrizione

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

Guida contributor