基於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
                    }]

                });



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章