html部分

<div id="echart" style="height:400px;width:100%;"></div> <div id="echart1" style="height:400px;width:100%;"></div> <script> //$shop格式 PHP語法 //$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 () {// 基于準備好的dom，初始化echarts實例var myChart = Echarts.init(document.getElementById('echart'));// 指定圖表的配置項和數據var option = {title: {text: '門店當月業績統計'},tooltip: {},legend: {data:['業績']},xAxis: {data: achievment.shop},yAxis: {},series: [{name: '業績',type: 'bar',data: achievment.amount}]};myChart.setOption(option);var myChart1 = Echarts.init(document.getElementById('echart1'));// 指定圖表的配置項和數據var option1 = {title: {text: '門店總業績統計'},tooltip: {},legend: {data:['業績']},xAxis: {data: achievment.shop},yAxis: {},series: [{name: '業績',type: 'bar',data: achievment.amount}]};myChart1.setOption(option1);}};return Controller; });

查看更多

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。