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,即抛出事件。
感谢大佬分享
Echart确实好看~ 不会玩图表,每次都是根据domo中的数据结构组装好了,传过去。
我看前端现在用阿里的G2挺灵活的,EChart不行的话可以试试G2 火火火火 echart算是功能强大,文档又十分友好的了 百度的ECharts确实是好用又好玩 自己定义一个函数,制定默认值,然后想修改的参数就重新赋值,不修改的就用默认值,这样是否可行? 问题未解决 yoin 发表于 2019-12-17 08:10
自己定义一个函数,制定默认值,然后想修改的参数就重新赋值,不修改的就用默认值,这样是否可行?
你好,不是不可以,是不灵活。
最好的办法是能直接setOption数组([])中单个参数,而不影响已有参数。但不知道行不行。
页:
[1]
2