Echarts饼状图分析与统计

开发工具与关键技术:VS   后端

作者:陈芝番                                                                           

撰写时间:2019.6.8

1.相关的行为,必须引入饼图后才能使用。Echarts 设置数据图形的样式可以从三个层级入手,分别是:全局、系列和数据。饼图是根据明显的扇形弧度的不同来表达不同类目的数据占据的总数的百分比。相比于柱状图,饼图的数据格式更加简单,它数值是一维的,无需给出类目。

饼图不在直角坐标系上实现,自然也不需要 xAxis 和 yAxis。ECharts 中的数据项既可以只设成数值,也可以设为一个包含有名称、该数据图形的样式配置、标签配置的对象

2.Echarts 配置阴影

建立好一个基本的南丁格尔图后,我们可以为其添加一些通用的样式,例如阴影、透明度、颜色、边框颜色、边框宽度等。Echarts 的这些样式通常都是在系列的 itemStyle 中设置的。

3.在操作 Echarts 的图表时会触发相应的事件,这些事件由开发者监听,然后回调函数做出相应的处理,可以弹出一个对话框、跳转到一个地址或者做数据下钻等等。

4.ECharts 中有两种事件类型:

(1)一种是用户鼠标操作点击,或者 hover 图表的图形时触发的事件;

(2)还有一种是用户在使用可以交互的组件后触发的行为事件,例如在切换图例开关时触发的 'legendselectchanged' 事件(这里需要注意切换图例开关是不会触发'legendselected'事件的),数据区域缩放时触发的 'datazoom' 事件等等。

(3) 支持常规的鼠标事件类型,包括 'click'、'dblclick'、'mousedown'、'mousemove'、'mouseup'、'mouseover'、'mouseout' 事件。

5.在表示横向的量的时候,由于组件的位置和大小可以由任意的两个量决定,所以在 left、right、width 三个量中,可以只提供两个量的值。至于取哪两个量的值就取决于用户,例如 left 和 right 或者 right 和 width 都可以决定组件的位置和大小。 

同理,在表示纵向的量 top、bottom、height 时,取值与横向量相同。

显示的效果图如下:

结语:Echarts饼状图分析与统计相关定义,Echarts 配置阴影,ECharts 中有两种事件类型等等。

猜你喜欢

转载自blog.csdn.net/qq_44554890/article/details/91351183