ECharts 是一个使用 JavaScript 实现的开源可视化库,可以轻松地生成交互式图表。它广泛应用于各种场景,如数据统计、可视化展示等。
ECharts 简介
ECharts 提供了丰富的图表类型,包括:
- 折线图
- 柱状图
- 饼图
- 散点图
- 地图
- K线图
- 雷达图
- 漏斗图
- 词云图
- 更多...
快速开始
要开始使用 ECharts,首先需要在你的 HTML 文件中引入 ECharts 的 JS 文件:
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
然后,你可以创建一个包含 ECharts 容器的 HTML 元素,并使用 ECharts 的 API 来配置和渲染图表。
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
myChart.setOption(option);
</script>
扩展阅读
更多关于 ECharts 的信息,请访问我们的官方文档:ECharts 官方文档
图片展示
ECharts 折线图示例