初步学习使用echarts图表插件

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，这里初步显示柱状图

1.下载echarts插件，官网:https://echarts.baidu.com/index.html,这里使用bootstrap框架

2.前端页面

html代码

    <div class="col-lg-12">

        <h3 class="page-header">我的关心</h3>

    </div>

    <div class="row">

        <div class="col-lg-12">

            <div class="panel panel-default">

                <div class="panel-body">

                    <div id="main" style="width: 600px;height: 400px;"></div>

                </div>

            </div>

        </div>

    </div>

    <script>

        function loadOneColumn() {

            var myChart = echarts.init(document.getElementById('main'));

            myChart.setOption({

                tooltip: {

                    trigger: 'axi