qiun-data-charts组件柱状折线混合
时间: 2023-12-22 07:13:45 浏览: 196
echartsK线折线折柱混合
qiun-data-charts组件支持柱状图和折线图的混合展示,可以通过设置`type`属性为`'bar-line'`来实现。同时,你可以设置`xAxis`、`yAxis`、`series`等属性来控制图表的展示效果,例如:
```html
<qiun-data-charts :data="data" type="bar-line">
<qiun-data-axis :name="xAxis.name" :data="xAxis.data"></qiun-data-axis>
<qiun-data-axis :name="yAxis.name"></qiun-data-axis>
<qiun-data-series :name="series[0].name" :data="series[0].data" :type="series[0].type"></qiun-data-series>
<qiun-data-series :name="series[1].name" :data="series[1].data" :type="series[1].type"></qiun-data-series>
</qiun-data-charts>
```
其中,`data`属性为图表的数据,`xAxis`和`yAxis`分别为x轴和y轴的配置对象,`series`为图表系列的配置数组。你可以根据需要设置这些属性的值来满足你的需求。
阅读全文