g2plot的DualAxes可以定义缩略轴吗,折线图和柱状图结合
时间: 2024-03-05 20:55:09 浏览: 133
是的,g2plot的DualAxes可以定义缩略轴并结合折线图和柱状图。以下是一个示例配置:
```javascript
const data = [
{ date: '2021-01-01', value: 100, ratio: 0.2 },
{ date: '2021-02-01', value: 200, ratio: 0.4 },
{ date: '2021-03-01', value: 300, ratio: 0.6 },
{ date: '2021-04-01', value: 400, ratio: 0.8 },
{ date: '2021-05-01', value: 500, ratio: 1.0 }
];
const chart = new DualAxes('container', {
data: [data, data],
xField: 'date',
yField: ['value', 'ratio'],
geometryOptions: [
{ geometry: 'line' },
{ geometry: 'interval' }
],
slider: {
start: 0.1,
end: 0.9
}
});
```
在上面的配置中,我们使用了`geometryOptions`数组来指定每个y轴使用的几何图形。我们在第一个y轴上使用折线图(`geometry: 'line'`),在第二个y轴上使用柱状图(`geometry: 'interval'`)。然后,我们添加了一个`slider`属性来定义缩略轴。您可以根据需要进行调整。
阅读全文