html部分

<div id="echart" style="height:400px;width:100%;"></div> <div id="echart1" style="height:400px;width:100%;"></div> <script> //$shop格式 PHP語(yǔ)法 //$shop = json_encode(['店鋪1','店鋪2','店鋪3']); //$amount = json_encode(100,120,150);var achievment = {shop: {$shop},amount:{$amount},}; </script>

JS部分

define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {var Controller = {index: function () {// 基于準(zhǔn)備好的dom，初始化echarts實(shí)例var myChart = Echarts.init(document.getElementById('echart'));// 指定圖表的配置項(xiàng)和數(shù)據(jù)var option = {title: {text: '門店當(dāng)月業(yè)績(jī)統(tǒng)計(jì)'},tooltip: {},legend: {data:['業(yè)績(jī)']},xAxis: {data: achievment.shop},yAxis: {},series: [{name: '業(yè)績(jī)',type: 'bar',data: achievment.amount}]};myChart.setOption(option);var myChart1 = Echarts.init(document.getElementById('echart1'));// 指定圖表的配置項(xiàng)和數(shù)據(jù)var option1 = {title: {text: '門店總業(yè)績(jī)統(tǒng)計(jì)'},tooltip: {},legend: {data:['業(yè)績(jī)']},xAxis: {data: achievment.shop},yAxis: {},series: [{name: '業(yè)績(jī)',type: 'bar',data: achievment.amount}]};myChart1.setOption(option1);}};return Controller; });

查看更多

總結(jié)

以上是生活随笔為你收集整理的fastAdmin Echarts图形的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。