地图上显示柱状图
地图上怎样画出柱状图
qq_明明我长的样子也很帅_0
2018-06-26
1 回答
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
</head>
<body>
<div id="main" style="width:900px;height: 600px;"></div>
<script>
var myChart = echarts.init(document.getElementById('main'));
var option = {
backgroundColor:'#2a3958',
title: {
textColor:'#fff',
text:'今天',
x:'center',
y:'3%',
// textAlign:'left'
textStyle:{//标题内容的样式
color:'#fff',//京东红
fontStyle:'normal',//主标题文字字体风格，默认normal，有italic(斜体),oblique(斜体)
fontWeight:"lighter",//可选normal(正常)，bold(加粗)，bolder(加粗)，lighter(变细)，100|200|300|400|500...
fontFamily:"san-serif",//主题文字字体，默认微软雅黑
fontSize:18//主题文字字体大小，默认为18px
},
},
// 工具箱
toolbox: {
// show: true,
feature:{
saveAsImage:{
show:true,
x:'center'
}
}
},
// 图例
// legend: {
// data:['今天']
// },
// x轴
xAxis:{
data:['衬衫','羊毛衫','衬衫','羊毛衫','衬衫','羊毛衫']
},
yAxis:{},
// 数据
series:[{
name:'销量',
type:'bar',
data:[5,20,36,10,20,36]
}]
};
myChart.setOption(option);
</script>
</body>
</html>
这份代码拿去用
举报
0/150
提交
取消
