VChart
VChart copied to clipboard
[Bug] heatmap label position 设置无效
Version
all
Link to Minimal Reproduction
https://www.visactor.io/vchart/demo/heatmap-chart/basic-heatmap?version=1.11.0
Steps to Reproduce
1、复制如下代码至官网demo,修改 label position 值,看是否有效
const items = [
'Asset Liability Ratio',
'Asset Liability Ratio (Deducting Advance Payments)',
'Debt-to-long Capital Ratio',
'Long Term Asset Suitability Ratio',
'Equity Multiplier',
'Equity Ratio of Current Liability',
'Interest Bearing Debt / Fully Invested Capital',
'Current Liability / Total Liabilities',
'Capital Fixation Ratio',
'Expected Default Frequency'
];
const data = [];
for (let i = 0; i < items.length; i++) {
for (let j = 0; j < items.length; j++) {
data.push({
var1: items[i],
var2: items[j],
value: 1
});
}
}
const spec = {
type: 'common',
padding: 12,
data: [
{
id: 'data0',
values: data
}
],
series: [
{
type: 'heatmap',
regionId: 'region0',
xField: 'var1',
yField: 'var2',
valueField: 'value',
cell: {
style: {
fill: {
field: 'value',
scale: 'color'
}
}
},
label: {
visible: true,
position: 'inside-top'
}
}
],
region: [
{
id: 'region0',
}
],
color: {
type: 'linear',
domain: [
{
dataId: 'data0',
fields: ['value']
}
],
range: ['#feedde', '#fdbe85', '#fd8d3c', '#e6550d', '#a63603']
},
axes: [
{
visible: false,
orient: 'bottom',
type: 'band',
grid: {
visible: false
},
domainLine: {
visible: false
},
label: {
space: 10,
style: {
textAlign: 'left',
textBaseline: 'middle',
angle: 90,
fontSize: 8
}
},
bandPadding: 0,
height: layoutRect => {
// canvas height - region height - paddingTop - paddingBottom
return layoutRect.height - 314;
}
},
{
visible: false,
orient: 'left',
type: 'band',
grid: {
visible: false
},
domainLine: {
visible: false
},
label: {
space: 10,
style: {
fontSize: 8
}
},
bandPadding: 0
}
],
legends: {
visible: true,
orient: 'right',
position: 'start',
type: 'color',
field: 'value'
},
title: {
visible: true,
text: `Correlation Coefficient`
}
};
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
1、修改 label position 值,heatmap label 没变化
Expected Behavior
1、期望能按预期显示,如 inside-top 是显示在内部上方
2、期望能新增 outside ,显示在外部
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response