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

要显示条状图，你可以使用 qiun-data-charts 库。首先，你需要安装该库。可以通过运行以下命令来安装：

npm install qiun-data-charts

安装完成后，你可以按照以下步骤来显示数据的条状图：

1. 导入 qiun-data-charts 库：

const { BarChart } = require('qiun-data-charts');

2. 创建一个用于显示条状图的容器：

const container = document.createElement('div');
document.body.appendChild(container);

3. 准备数据。数据应该是一个包含键值对的数组，每个键值对表示一个条状图的柱子。例如：

const data = [
  { label: 'A', value: 10 },
  { label: 'B', value: 20 },
  { label: 'C', value: 15 },
  { label: 'D', value: 25 }
];

4. 创建一个条状图实例，并将数据和容器传递给它：

const barChart = new BarChart(container, data);

5. 可选：自定义图表的样式。你可以使用 `setOptions` 方法来自定义图表的样式。例如，设置柱子的颜色：

barChart.setOptions({
  barColor: '#ff0000'
});

6. 渲染图表：

barChart.render();

这样，你就可以在页面上显示数据的条状图了。注意，以上代码是一个简单的示例，你可以根据需要进行更多的自定义和配置。