Coder Social home page Coder Social logo

Comments (7)

tongshuangwu avatar tongshuangwu commented on August 22, 2024

@yarray @shadowings-zy @yarray 这个

from map-viz.

shadowings-zy avatar shadowings-zy commented on August 22, 2024

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

from map-viz.

tongshuangwu avatar tongshuangwu commented on August 22, 2024

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

from map-viz.

shadowings-zy avatar shadowings-zy commented on August 22, 2024

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

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

from map-viz.

tongshuangwu avatar tongshuangwu commented on August 22, 2024

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

from map-viz.

shadowings-zy avatar shadowings-zy commented on August 22, 2024

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

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

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

from map-viz.

tongshuangwu avatar tongshuangwu commented on August 22, 2024

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

from map-viz.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.