Comments (7)
@yarray @shadowings-zy @yarray 这个
from map-viz.
我的建议是做多个折线图,疑似+确诊做一个折线图(也可以是stacked line chart),治愈+死亡做一个折线图。
因为把治愈+确诊+治愈+死亡做成一个stacked bar chart没意义啊,它们四个的类型都不一样。
最多是治愈+确诊能做成一个stacked bar chart。治愈和死亡放到一起没意义= =
from map-viz.
我之前是觉得疑似不是单调递增的,疑似的变成确诊之后量会下降,有点诡异,叠加的话能看到一共有多少人被影响了。
但是你说得对,全部stack好像问题更大,治愈+死亡+确诊很多人被重复算了。
两个折线图会不会有点太多图了?只要能开关每个线,他们都在一起应该就可以?
from map-viz.
我想要分成两张图的原因是,治愈/死亡和疑似/确诊根本不在一个数量级上。
如果放到一张图,治愈/死亡这两条线基本就是横躺在x轴上,效果很不好(我最开始关注这个项目的时候就做了这部分的工作,四条线放到同一张图里效果很差)
虽然echarts支持开关每一条线,但是在移动端,我个人觉得那个开关的交互不是很友好,因为icon太小了,而且如果“让用户先关掉两条线才能查看到治愈/死亡数”,这样的交互方式对用户来说也不是很好,这增大了用户触达他们想要的数据的难度。
from map-viz.
@shadowings-zy 根据讨论更新了issue描述!
from map-viz.
本功能已开发完成并且merge到主分支了。
备注1:
两个图上下对准统一放在地图左侧/右侧:此feature由于在手机端显示不佳,所以将两个图上下对准放到了地图下方。
备注2:
点击时间轴的时候在线图上highlight出时间点:此feature需要和 @yarray 进一步讨论组件参数。
from map-viz.
from map-viz.
Related Issues (20)
- 偶尔点击virusMap的timeline右边virusCharts线会消失 HOT 1
- 在疫情地图添加治愈/死亡/确诊等多个数据维度 HOT 3
- 增加一个如何使用virusmap的指南
- 研究一下如何接入世界地图 HOT 1
- bug: 引入 webCell 版本的 HierarchicalVirusMap 出现报错
- bug: 引入 webCell 版本 HierarchicalVirusMap 有时候无法加载折线图
- 关于React版组件需要完善的地方
- 确诊小区的可视化 HOT 1
- [webCell 版本] 修复移动端展示问题
- [Feature] 是否可以增加热力图展示类型 HOT 3
- 合并两个折线图 HOT 1
- 增加疫情数据的直接显示 HOT 1
- 对demo/javascript目录进行yarn start报错 HOT 2
- [Bug] 地图中省市疑似数据均为 0
- 香港、澳门 鼠标无法选择
- 临时接口中的丁香园实时疫情接口疑似挂了 HOT 3
- 引用本项目后打包分析得出echarts占的空间很大导致页面加载龟速 HOT 4
- 3D地球可视化项目申请加入 HOT 11
- information map的icon不用字,用一些“医院”,“酒店”的icon HOT 2
- 移动端两个折线图被百度地图遮挡,部分窄屏机型图例会消失 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from map-viz.