echart重叠图表

今天接到一个任务,显示重叠图表,一开始在echart官网中找到具体列子,但是在本地测试时,发现样式完全不一样,猜测原因是版本的不同,后续又在网上查找原因,发现是一个属性的设置原因。

先展示echart2实例与本地数据的差别:

对于相同的option设置:

echart2实例:

echart重叠图表_第1张图片


本地图表显示:

echart重叠图表_第2张图片

发现不同地方位置:首先是颜色不同,第二是实例中有重叠,本地没有重叠;第三实例中柱状图上有显示数据,本地没有。


后来找到具体原因:缺少stack属性。stack属性是叠加,不是覆盖。

后来添加上stack属性的图表:

echart重叠图表_第3张图片

代码:


ajax返回数据格式:

echart重叠图表_第4张图片

你可能感兴趣的:(echart)