你可以使用
Echarts 来绘制
柱状图，并使用
数据集来提供
数据。以下是一个使用
Echarts 和
数据集的示例代码：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Echarts 数据集
柱状图</title>
<script src="https://cdn.staticfile.org/
echarts/4.5.0/
echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 600px; height: 400px;"></div>
<script type="text/
javascript">
// 创建
数据集
var dataset = [
['product', '2015', '2016', '2017', '2018', '2019'],
['A', 100, 200, 220, 180, 250],
['B', 200, 300, 150, 80, 100],
['C', 150, 180, 160, 200, 300],
['D', 300, 250, 200, 140, 180]
];
// 初始化
Echarts 实例
var myChart =
echarts.init(document.getElementById('chart'));
// 配置项
var option = {
dataset: {
source: dataset
},
xAxis: {type: 'category'},
yAxis: {},
series: [
{type: 'bar'}
]
};
// 使用配置项绘制图表
myChart.setOption(option);
</script>
</body>
</html>
```
以上示例中，我们创建了一个
数据集 `dataset`，其中包含了产品名称及对应的销售
数据。然后，我们使用
Echarts 的 `dataset` 配置项将
数据集传递给
柱状图，并设置 x 轴为类别类型，y 轴为数值类型。最后，使用 `bar` 类型的系列来绘制
柱状图。
你可以根据自己的实际需求修改
数据集的内容和图表的样式。希望这个示例对你有帮助！
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
5243
