多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 象形柱图 ~~~[api] post:index/t.pictorial_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/55/2b/552b377eaacca89ea18b11f028177991_1108x1000.png) ~~~ ``` $data = []; //>提示框组件 $obj = []; $obj['trigger'] = 'axis'; //>坐标轴触发 $obj['axisPointer'] = ['type'=>'none']; //>无指示器 $obj['formatter'] = '{b}:{c}'; //>提示框浮层内容格式 $data['tooltip'] = $obj; //>直角坐标系 grid 中的 x 轴 $obj = []; $obj['data'] = ['<17', '17-20', '21-24', '24-27', '28-31', '32-35', '35-38', '>38']; //>类目数据 $obj['axisLabel'] = ['color'=>'#e54035']; //>刻度标签文字的颜色 $data['xAxis'] = $obj; //>直角坐标系 grid 中的 y 轴 $obj = []; $obj['type'] = 'value'; //> 数值轴 $data['yAxis'] = $obj; //>调色盘颜色列表 $data['color'] = ['#e54035']; //>象形柱图 $tmp = []; $tmp['name'] = 'hill'; //>系列名称 $tmp['type'] = 'pictorialBar'; //>象形柱图 $tmp['symbol'] = 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z'; //>图形类型,图标的矢量路径 $tmp['emphasis'] = ['itemStyle'=>['opacity'=>1]]; //>图形透明度 $tmp['itemStyle'] = ['opacity'=>'0.5']; //>图形透明度 $tmp['data'] = [123, 60, 25, 18, 12, 9, 2, 1]; //>数据内容数组 $tmp['z'] = 10; //>图形的`z`值,`z`值小的图形会被`z`值大的图形覆盖 $data['series'][] = $tmp; $json['data']['option'] = $data; ```