qiun-data-charts 横向柱状图的属性设置

要设置 qiun-data-charts 横向柱状图的属性，你可以使用以下的属性列表：

1. `data`: 设置图表的数据，可以是一个数组或者一个函数。

2. `title`: 设置图表的标题，可以是一个字符串。

3. `xAxis`: 设置图表的 x 轴，可以是一个对象，包含 `type`、`data`、`axisLabel` 等属性。

4. `yAxis`: 设置图表的 y 轴，可以是一个对象，包含 `type`、`data`、`axisLabel` 等属性。

5. `series`: 设置图表的系列数据，可以是一个数组，每个元素可以是一个对象，包含 `name`、`type`、`data` 等属性。

6. `legend`: 设置图表的图例，可以是一个对象，包含 `data`、`type`、`selectedMode` 等属性。

7. `tooltip`: 设置图表的提示框，可以是一个对象，包含 `trigger`、`axisPointer`、`formatter` 等属性。

8. `grid`: 设置图表的网格，可以是一个对象，包含 `left`、`right`、`top`、`bottom`、`containLabel` 等属性。

9. `backgroundColor`: 设置图表的背景颜色，可以是一个字符串或者一个数组。

10. `color`: 设置图表的颜色，可以是一个字符串或者一个数组。

以上是常用的属性设置，你可以根据自己的需要进行选择和使用。

相关问题

qiun-data-charts柱状图横坐标倾斜

要实现qiun-data-charts柱状图横坐标倾斜的效果，可以使用cover-view组件。在xAxis的配置中，设置rotateLabel为true，并在axisLabel中设置interval为0，rotate为30。这样可以将横坐标的文字进行倾斜显示。

示例代码如下：

<qiun-data-charts type="column" :opts="{xAxis: { rotateLabel: true, axisLabel: { interval:0, rotate:30 } }}">

另外，要确保在使用qiun-data-charts之前，先引入并注册QiunDataCharts组件。可以通过以下方式引入：

import QiunDataCharts from '../components/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue';

然后，在组件的注册中使用QiunDataCharts。

请注意，以上代码仅为示例，具体使用方式需要根据你的项目结构和需求进行相应的调整。

qiun-data-charts 柱状图怎么自定义样式

根据提供的引用内容，可以看出自定义qiun-data-charts柱状图的样式需要进行以下两个步骤：

1. 给qiun-data-charts标签加上属性，其中包括tooltipFormat属性，该属性的值为字符串类型，用于自定义提示框的内容格式。

2. 在config-ucharts.js文件中找到tooltipDemo1方法，该方法包含四个参数，分别代表数据项、类别、索引和opts。在该方法中，可以自定义渲染逻辑，包括自定义提示框的内容和样式。

下面是一个示例代码，用于自定义qiun-data-charts柱状图的样式：

<qiun-data-charts type="mix" :canvas2d="true" :loadingType="5" tooltipFormat="tooltipDemo1" :opts="opts" :chartData="chartData" />

// config-ucharts.js
"tooltipDemo1": function(item, category, index, opts) {
  if (index == 0) {
    return '随便用' + item.data + '年'
  } else {
    if (item.name == '上行') {
      return item.data + '/' + category
    }
    return item.data
  }
},