这篇博客介绍了如何使用echarts.js库来创建柱状图和饼状图。通过示例代码展示了柱状图和多个层次的饼状图的实现，包括数据配置和样式设置。
刚学的插件，以柱状图和饼状图为例：
柱状图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>echarts.js案例</title>
//自己进行下载插件 echarts.js插件
<script type="text/javascript" src='echarts.js'></script></head>
<body>
<div id="chart" style="width:500px;height:400px;"></div>
</body>
<script type="text/javascript">
// 初始化图表标签
var echart=echarts.init(document.getElementById('chart'));
var option={
baseOption:{
title:{
text:'商店一周销售'
},
legend:{
data:['购买金额','销售金额']
},
//横轴
xAxis:{
data:['周一','周二','周三','周四','周五','周六','周日']
},
yAxis:{
},
//鼠标放上显示的内容
tooltip:{
show:true,
formatter:'系列名:{a}<br>类目:{b}<br>数值:{c}'
},
series:[{
name:'购买金额',
type:'bar',
data:[200,312,431,241,175,275,369],
//显示最大最小值
markPoint:{
最低0.47元/天 解锁文章
扫一扫
1111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
