VChart
VChart copied to clipboard
[Bug] radius轴label默认不显示,配置个空对象才行
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
除去 label外,domainLine 和 tick 也有同样的问题
保持逻辑统一,如果默认主题下不显示符合预期,那么配置为空对象也应该不显示。
我想认领此Issue :)