ECharts使用小笔记

#ECharts
做图标的。

1分钟上手

1.引入 ECharts

<header>
<meta charset="utf-8">
<!-- 引入 ECharts 文件 -->
<script src="echarts.min.js"></script> </header>

2.绘制一个简单的图表 建立一个有高度的容器

<!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>

3.然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图，下面是完整代码。

“`

ECharts

x轴设置

xAxis: [{
            type: 'category',
            data: data,
            splitLine: {
                show: false//
            },

            axisLine: {
                show: false

            },
            axisLabel: {
                formatter: function(value) {
                    return value.split("").join("\n"); //文字垂直显示
                }
            },
            axisTick: {
                show: false
            }
        }],