qiun-data-charts 条状状图怎么显示数据

要在 qiun-data-charts 中显示条形图数据，您需要提供以下信息：

1. 数据：您需要提供一个包含要显示的数据的数组。
2. 标签：您需要提供一个包含每个数据点标签的数组。
3. 配置：您可以使用各种配置选项来自定义您的条形图，例如颜色，轴标签和图例。

以下是一个示例代码片段，演示如何使用 qiun-data-charts 显示条形图数据：

<template>
  <qiun-data-chart :type="'bar'" :data="chartData" :options="chartOptions" />
</template>

<script>
import QiunDataChart from 'qiun-data-charts';

export default {
  components: {
    QiunDataChart,
  },
  data() {
    return {
      chartData: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [
          {
            label: 'Data Set 1',
            backgroundColor: '#f87979',
            data: [65, 59, 80, 81, 56, 55, 40],
          },
          {
            label: 'Data Set 2',
            backgroundColor: '#7acbf9',
            data: [28, 48, 40, 19, 86, 27, 90],
          },
        ],
      },
      chartOptions: {
        responsive: true,
        maintainAspectRatio: false,
        scales: {
          yAxes: [
            {
              ticks: {
                beginAtZero: true,
              },
            },
          ],
        },
      },
    };
  },
};
</script>

在此示例中，我们创建了一个 `bar` 类型的 qiun-data-chart 组件，并提供了所需的数据和配置选项。我们使用 `datasets` 属性来定义两个数据集，并在 `labels` 属性中指定每个数据点的标签。最后，我们定义了一些图表选项，例如响应式和轴刻度线的开始值。