Echarts 柱状图 #

• Echarts网址
  https://echarts.apache.org/examples/zh/index.html

• 柱状图demo
  https://echarts.apache.org/examples/zh/editor.html?c=mix-line-bar

• 柱状图简单分析

1. 由示例和文档查阅对比得出legend下的data是图形标记，xAxis下的data数组是横坐标相关数据，其他参数应该是样式之类的，先不管它。

2. 紧接着看yAxis参数，看样子像纵坐标的数值，其实也可以不用指定，让echarts本身根据数据自动生成也是行得通的。

3. 最后series就是结果集了。接下来就是按照实例给的数据格式组装数据。

4. 刷新后发现柱状图没有显示，仔细查看格式也都是正确的。后来发现是用了tp5自带的json转化函数，打印后发现结果是对象，感觉没什么问题，但又觉得哪里不对。试试原生的json格式转化函数，能正常打印。

✨ 注意：返回的json数据不能为对象，应该为json字符串，如thinkphp里的 json() 函数返回的数据类型是object，所以不会显示，应该用json_encode()原生写法。