Echarts图表 立即下载

ECharts是由百度团队开发的，可高度个性化定制的数据可视化图表库。它的底层依赖轻量级的Canvas类库ZRender，是一个纯JavaScript的图标库，兼容（IE8/9/10/11，Chrome，Firefox，Safari等）主流浏览器，可以运行在PC和移动设备上。

配置

<script type="text/javascript">
auxui.config({

    //映射路径
    paths: {

        //模块名 ： 模块文件路径，不带文件后缀js
        "echarts": "public/js/echarts/echarts.min",
        //主题
        "macarons": "public/js/echarts/macarons"
    },


});
</script>

调用

<div id="'main'" style="'width:600px;height:400px;'">&nbsp;</div>
<!-- js --><script type="text/javascript">

//使用方法，如果使用主题，注意加载顺序
auxui([&#x27;jquery&#x27;, &#x27;echarts&#x27;, &#x27;macarons&#x27;], function($, echarts){

    //初始化echarts实例
    var myChart = echarts.init($(&#x27;#main&#x27;)[0]);
    
    //指定图表的配置项和数据
    var option = {
        xAxis: {
            type: &#x27;category&#x27;,
            data: [&#x27;Mon&#x27;, &#x27;Tue&#x27;, &#x27;Wed&#x27;, &#x27;Thu&#x27;, &#x27;Fri&#x27;, &#x27;Sat&#x27;, &#x27;Sun&#x27;]
        },
        yAxis: {
            type: &#x27;value&#x27;
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: &#x27;line&#x27;
        }]
    };

    //使用刚指定的配置项和数据显示图表
    myChart.setOption(option);

});
</script>