Skip to content
On this page

Echarts 柱状图

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

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

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

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

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