Replies: 2 comments 2 replies
-
|
可以提供一下上面图表的代码吗？ |
Beta Was this translation helpful? Give feedback.
-
|
import { Chart } from '@antv/g2'; const chart = new Chart({ const data = [ chart.options({ children: [ chart.render(); |
Beta Was this translation helpful? Give feedback.
-
|
可以如下自己求的：scale.x 的 flex 属性。 
chart.options({
type: 'facetRect',
theme: 'classic',
autoFit: true,
paddingBottom: 50,
data: data,
encode: { x: 'province' },
axis: { x: { position: 'bottom', tick: false, title: false } },
scale: { x: { flex:[ 1, 2, 1, 3 ], padding: 0, paddingInner: 0, paddingOuter:0} },
children: [
{
type: 'facetRect',
encode: { x: 'city' },
axis: { x: { position: 'bottom', title: false, tick: false } },
paddingBottom: 20,
scale: { x:{ padding: 0, paddingInner: 0, paddingOuter:0} },
children: [
{
type: 'interval',
paddingLeft: 5,
paddingRight: 5,
encode: {
y: 'cost',
color: 'goods_name',
},
axis: { x: { title: false } },
coordinate: { type: 'theta' },
transform: [{ type: 'stackY' }],
scale: { y: { facet: false } },
tooltip: {
title: 'city',
items: [{ channel: 'color' }, { field: 'cost' }],
},
},
],
},
],
}); |
Beta Was this translation helpful? Give feedback.
-
|
<-----请问有三层分组的话，如何设置可以使每个分面宽度一样---->
const chart = new Chart({ const data = [ chart.options({ chart.render(); |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
All reactions