antvis/G2
The issue has been closed
平行坐标系第一条轴没有轴线 #4643
pearmini posted onGitHub
- 案例名:cars3LineParallelHorizontal
- 版本:5.0.0-beta.9
export function cars3LineParallelHorizontal(): G2Spec {
const position = [
'economy (mpg)',
'cylinders',
'displacement (cc)',
'power (hp)',
'weight (lb)',
'0-60 mph (s)',
'year',
];
return {
type: 'line',
width: 800,
data: {
type: 'fetch',
value: 'data/cars3.csv',
},
coordinate: { type: 'parallel' },
encode: {
position,
color: 'weight (lb)',
},
style: {
strokeWidth: 1.5,
strokeOpacity: 0.4,
},
scale: {
color: {
palette: 'brBG',
offset: (t) => 1 - t,
},
},
legend: {
color: {
length: 300,
position: 'top',
},
},
axis: Object.fromEntries(
Array.from({ length: position.length }, (_, i) => [
`position${i === 0 ? '' : i}`,
{
zIndex: 1,
labelStroke: '#fff',
labelStrokeWidth: 5,
labelFontSize: 10,
labelStrokeLineJoin: 'round',
titleSpacing: 15,
titlePosition: 'right',
titleTransform: 'translate(-50%, 0) rotate(-90)',
titleStroke: '#fff',
titleFontSize: 10,
titleStrokeWidth: 5,
titleStrokeLineJoin: 'round',
lineStroke: 'black',
tickStroke: 'black',
lineStrokeWidth: 1,
},
]),
),
};
}