吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3419|回复: 12
收起左侧

[求助] ECharts图表,出色的前端图表

[复制链接]
cqwcns 发表于 2019-12-16 18:30
本帖最后由 cqwcns 于 2019-12-16 18:31 编辑

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


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



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


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


无标题.png

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
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数组([])中单个参数,而不影响已有参数。但不知道行不行。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-26 22:48

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表