8/22号笔记

饼图样式设置


饼图的半径可以通过series .radius设置,可以是诸如'60%'这样相对的百分比字符串,或是200这样的绝对像素数值。当它是百分比字符串时,它是相对于容器宽高中较小的一条边的。也就是说,如果宽度大于高度,则百分比是相对于高度的,反之则反;当它是数值型时,它表示绝对的像素大小。
实例:


 

最简单的散点图


下面是一个横坐标为类目轴、纵坐标为数值轴的最简单的散点图配置:

 

 

数据转换


在echarts 中,“数据转换”这个词指的是,给定一个已有的“数据集”(dataset)和一个“转换方
法”(transform), echarts能生成一个新的"“数据集",然后可以使用这个新的"数据集"绘制图表。这些工作都可以声明式地完成。
象地来说,数据转换是这样一种公式: outData = f(inputData)。f是转换方法,例如: filter、sort,regression、boxplot、cluster、aggregate等等。有了数据转换能力后,我们就至少可以做到这些事情:
·把数据分成多份用不同的饼圉展现。


·进行一些数据统计运算,并展示结果。


·用某些数据可视化算法处理数据,并展示结果。

·数据排序。


·去除或直选择数据项。
 

所有的鼠标事件包含参数 params,这是一个包含点击图形的数据信息的对象,如下格式:


 

异步加载


入门示例中的数据是在初始化后isetoption中直接填入的,但是很多时候可能数据需要异步加载后再填入。ECharts 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过jQuery等工具异步获取数据后通过setoption填入数据和配置项就行。
数据:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值