echarts按照时间显示柱状图_Echarts制作时间柱形离散分布图

话不多说, 先上效果:

时间离散分布图

制作步骤:

1  找到echarts官方自定义原型图:

官方自定义x-range原型图

2  再观察源代码, 发现

这块代码决定了数据的颜色显示, 从而出现x-range展示多个数据柱形的效果, 因为我们只需要显示一个数据, 所以就定义一种颜色即可, 因为需要按日期进行tooltip提示, 所以就按照实际单月日期填充数据, 颜色不变

ok, 在不改变官方其他代码的情况下, 至此就课展现只显示一种数据效果的x-range图来了, 下面进行数据填

你可能感兴趣的:(echarts按照时间显示柱状图_Echarts制作时间柱形离散分布图)