Echarts实现3D柱状图（领导要的样子）

原创

于 2019-05-13 14:04:31 发布 · 3.2w 阅读

36 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #3D柱状图

3D柱状图

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title>3D柱状图</title>
	<meta charset="utf-8">
</head>
<body>
<div id="main" style="width: 100%;height:800px;"></div>
</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/echarts.min.js"></script>
<script src="https://echarts.baidu.com/dist/echarts-gl.min.js"></script>
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            color: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1'],
            title: {
                text: '3D堆叠柱状图',
                x: 'center'
            },
            tooltip: {},