🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 柱状图 ~~~[api] post:index/t.bar <<< success { "succeed": 1 "msg": "提示信息", "data":{ "option":{ 柱状图配置信息 } } "loop": "下一个获取柱状图配置的标识", } <<< error { "succeed": 0, "msg": "提示信息" } ~~~ ## 配置示例-参考:[Echart 示例](https://echarts.apache.org/examples/zh/index.html) ![](https://img.kancloud.cn/42/f1/42f11ff369b494d1fca250b0a0ba0da9_1106x706.png) ``` $data = []; //>标题组件 $obj = []; $obj['show'] = FALSE; //>是否显示标题 $obj['text'] = '柱状图'; //>标题名称 $obj['left'] = 'center'; //>水平居中 $data['title'] = $obj; //>提示框组件 $obj = []; $obj['trigger'] = 'axis'; //>坐标轴触发 $data['tooltip'] = $obj; //>直角坐标系 grid 中的 x 轴 $obj = []; $obj['type'] = 'category'; //> 类目轴 $obj['data'] = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; //>类目数据,当type为category有效 $data['xAxis'] = $obj; //>直角坐标系 grid 中的 y 轴 $obj = []; $obj['type'] = 'value'; //> 数值轴 $data['yAxis'] = $obj; //>柱状图 $obj = []; $obj[] = [ 'type'=>'bar', //>柱状图 'data'=>[820, 932, 901, 934, 1290, 1330, 1320] //>数据内容数组 ]; $data['series'] = $obj; //>调色盘颜色列表,如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。 $obj = []; $obj[] = '#313695'; $data['color'] = $obj; $json['data']['option'] = $data; ```