Bootstrap

echarts图例分页显示

使用饼图展示数据是一种很常用的数据展示方法,我们可以通过其直观的看出数据的比例,对于一些数据的对比和分析是非常方便的。

最近在使用echarts插件做饼图的时候遇到了一些问题,就是在数据种类很多的时候,图例会撑破画面或是覆盖在饼图上显示,这样就会造成画面布局被打乱,体验是非常差的。

最后结合一系列资料查找总结出了一个简单明了的图例分页方法。如下:

html:(图例分页按钮)

<div id="legend_page" style="width:300px;height:20px;left:223px;top:190px;border:0px solid;position:absolute;display:none;">
     	<span class="glyphicon glyphicon-step-backward" style="color:#334B5C;" id="preIcon"></span>
     	<span id="page_text"></span>
     	<span class="glyphicon glyphicon-step-forward" style="color:#D53A35;" id="nextIcon"></span>
</div>
<
;