cqwcns 发表于 2019-12-16 18:30

ECharts图表,出色的前端图表

本帖最后由 cqwcns 于 2019-12-16 18:31 编辑

最近在玩图表,对比了几个,选择了ECharts(https://echarts.apache.org/zh/index.html)。


说问题,我的demo中会允许用户修改图表属性,所有用到了setOption参数。例如修改图表指标,正常来说是这样的:chart.setOption({"series": {"center": ["50%","30%"]}});第一个参数是X坐标,第二个是Y坐标。


我想实现的是每次setOption只修改一个参数,即仅修改X坐标或Y坐标的其中一个。我现在想得到的是先从chart取出不被修改的参数,然后拼装,例如只修改X值大概是这样:chart.setOption({"series": {"center": ["50%",这里是取出的Y值]}});

但这个写法对于我的整个项目代码来说非常不灵活,请问各位大侠,是否有直接修改单个值的写法?谢谢




setOption参数官方教程:
调用方式:chart.setOption(option, notMerge, lazyUpdate);或者chart.setOption(option, {    notMerge: ...,    lazyUpdate: ...,    silent: ...});
[*]option图表的配置项和数据,具体见配置项手册。
[*]notMerge可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。
[*]lazyUpdate可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。
[*]silent可选,阻止调用 setOption 时抛出事件,默认为 false,即抛出事件。

fzlinyun 发表于 2019-12-16 18:53

感谢大佬分享

passengerlee 发表于 2019-12-16 19:02

Echart确实好看~

pol007 发表于 2019-12-16 19:03

不会玩图表,每次都是根据domo中的数据结构组装好了,传过去。

我看前端现在用阿里的G2挺灵活的,EChart不行的话可以试试G2

2Burhero 发表于 2019-12-16 19:29

火火火火

hate 发表于 2019-12-16 20:21

echart算是功能强大,文档又十分友好的了

会飞的小红牛 发表于 2019-12-16 20:37

百度的ECharts确实是好用又好玩

yoin 发表于 2019-12-17 08:10

自己定义一个函数,制定默认值,然后想修改的参数就重新赋值,不修改的就用默认值,这样是否可行?

cqwcns 发表于 2019-12-17 08:53

问题未解决

cqwcns 发表于 2019-12-17 09:05

yoin 发表于 2019-12-17 08:10
自己定义一个函数,制定默认值,然后想修改的参数就重新赋值,不修改的就用默认值,这样是否可行?

你好,不是不可以,是不灵活。

最好的办法是能直接setOption数组([])中单个参数,而不影响已有参数。但不知道行不行。
页: [1] 2
查看完整版本: ECharts图表,出色的前端图表