Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

基础线图implementation + 改善 #58

Closed
2 of 4 tasks
tongshuangwu opened this issue Jan 30, 2020 · 7 comments
Closed
2 of 4 tasks

基础线图implementation + 改善 #58

tongshuangwu opened this issue Jan 30, 2020 · 7 comments
Assignees
Labels
enhancement New feature or request virus-map

Comments

@tongshuangwu
Copy link
Collaborator

tongshuangwu commented Jan 30, 2020

#50 已经添加了一个基础折线图。下面要做:

  • 纵轴加标签
  • 做成可以区分 确诊-疑似-死亡-治愈:确认+疑似做stacked bar chart方便辨认总数和趋势,死亡+治愈做折线图方便辨认分别的趋势。
  • 两个图上下对准统一放在地图左侧/右侧
  • 交互:点击时间轴的时候在线图上highlight出时间点

原issue: #23 因为已经做了大部分,把线图单独拆成一个issue。

@tongshuangwu tongshuangwu added enhancement New feature or request virus-map labels Jan 30, 2020
@tongshuangwu
Copy link
Collaborator Author

@yarray @shadowings-zy @yarray 这个

@shadowings-zy
Copy link
Collaborator

我的建议是做多个折线图,疑似+确诊做一个折线图(也可以是stacked line chart),治愈+死亡做一个折线图。
因为把治愈+确诊+治愈+死亡做成一个stacked bar chart没意义啊,它们四个的类型都不一样。
最多是治愈+确诊能做成一个stacked bar chart。治愈和死亡放到一起没意义= =

@tongshuangwu
Copy link
Collaborator Author

我之前是觉得疑似不是单调递增的,疑似的变成确诊之后量会下降,有点诡异,叠加的话能看到一共有多少人被影响了。
但是你说得对,全部stack好像问题更大,治愈+死亡+确诊很多人被重复算了。
两个折线图会不会有点太多图了?只要能开关每个线,他们都在一起应该就可以?

@shadowings-zy
Copy link
Collaborator

我想要分成两张图的原因是,治愈/死亡和疑似/确诊根本不在一个数量级上。
如果放到一张图,治愈/死亡这两条线基本就是横躺在x轴上,效果很不好(我最开始关注这个项目的时候就做了这部分的工作,四条线放到同一张图里效果很差)

虽然echarts支持开关每一条线,但是在移动端,我个人觉得那个开关的交互不是很友好,因为icon太小了,而且如果“让用户先关掉两条线才能查看到治愈/死亡数”,这样的交互方式对用户来说也不是很好,这增大了用户触达他们想要的数据的难度。

@tongshuangwu
Copy link
Collaborator Author

@shadowings-zy 根据讨论更新了issue描述!

@shadowings-zy
Copy link
Collaborator

本功能已开发完成并且merge到主分支了。

备注1:
两个图上下对准统一放在地图左侧/右侧:此feature由于在手机端显示不佳,所以将两个图上下对准放到了地图下方。

备注2:
点击时间轴的时候在线图上highlight出时间点:此feature需要和 @yarray 进一步讨论组件参数。

@tongshuangwu
Copy link
Collaborator Author

根据与其他问题的相关性重新开了 #72#73

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request virus-map
Projects
None yet
Development

No branches or pull requests

2 participants