1. 程式人生 > >基於jfinal、Oracle 、echarts 柱狀圖

基於jfinal、Oracle 、echarts 柱狀圖

之前說了echarts餅圖的實現,今天呢說一說echarts柱狀圖的實現。其實道理跟餅圖是一樣的,只是前端的程式碼動一動就行了。

echarts餅圖實現地址:https://blog.csdn.net/EvloutionPLUS/article/details/80500286

前端程式碼:

       legend: {
            orient: 'vertical',
           left: 'left',
           boundaryGap: [0, 0.01],
                data: []
            },
            xAxis: {
                type: 'category',
                data: [],
                axisTick: {
                    alignWithLabel: true
                }
            },
            yAxis: {
            type: 'value'

            }

  載入資料:   myeChart.setOption({        //載入資料圖表
                xAxis: {
                        data: names
                    },
                    series: [{
                        data: brower
                    }]

                });