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

type设置为timecat后平移存在问题 #468

Closed
feihui1993 opened this issue Dec 28, 2018 · 3 comments
Closed

type设置为timecat后平移存在问题 #468

feihui1993 opened this issue Dec 28, 2018 · 3 comments
Assignees
Labels
Milestone

Comments

@feihui1993
Copy link

F2 Version:3.3.0
Platform:mobile web,
Mini Showcase(like screenshots),
CodePen Link,

问题1.
_
image
_
时间数据格式为纯数字类型YYYY,不设置度量类型情况下添加平移功能能正常运行且不报错,当设置timeCat时间类型(mask设置'YYYY'与否,结果均报错)后页面加载后图表显示但无法平移且报错。
CodePen Link:查看代码
问题2.
source中设置时间数据下values为部分数据,添加平移功能后,页面加载出便报错,图表面积区域颜色与area()中颜色不同,未滑动前图表呈断层状态;左右滑动后继续报错,但area颜色恢复设置,可左右滑动,不再报错,但x轴除去开头展示的一定数量的坐标轴文本,后续的文本全部消失。
而不设置values,则无法平移。
image
image
CodePen Link:查看代码

而上述两个问题,运行后均为下图重复报错。
image

查看文档中与平移、timeCat相关的demo,很类似的仅有柱状图平移,但写法相近,却仍未解决问题。

@simaQ
Copy link
Contributor

simaQ commented Dec 28, 2018

问题一

这个报错是你对于数据的类型设置错误导致的。

timeCat 类型必须是标准的时间格式(这个时候需要是字符串类型),包含年月日,或者是时间戳数据,不支持单独的年份的。

image

况且数据中 release 是数值类型,不能设置成 timeCat

问题二

这个问题你没有给出你的具体数据以及可复现的代码,但是从你的截图来看

  • 对于线图左右留有空白的问题,需要在列定义中给对应的字段设置 range: [0 , 1]
  • 报错的问题,升级到 3.3.4 看下,也可能是你的写法问题,检查下有没有多余的空格,可以参考下使用说明:https://www.yuque.com/antv/f2/canvas#zrhdmb

@feihui1993
Copy link
Author

F2 现已升级至3.3.4
仍存在问题二情况
数据格式如下图:
image

range: [0 , 1]设置与否不影响页面出错情况,而且不是左右留白,是仅显示首先展示的5条数据中的时间数据即最左边的5个横坐标轴文本,右滑无剩余的时间数据文本显示。
首先展示的5条数据:
image
右滑后横坐标无文本显示:
image
image
返回最左位置后:
image

CodePen Link:点击此处查看代码

@simaQ
Copy link
Contributor

simaQ commented Dec 29, 2018

第一屏渐变色不生效应该是个 BUG,我跟进下。

坐标轴刻度的问题,你设置下 ticks 就好。

      chart.source(data, {
            result: {
                min: 0,
            },
            time: {
                type: 'timeCat',
                range: [0, 1],//防止左右Y轴两边留白   
                values: times.slice(0, 5),
                ticks: times
            }
        })

@simaQ simaQ self-assigned this Dec 29, 2018
@simaQ simaQ added the bug label Dec 29, 2018
@simaQ simaQ added this to the 3.3.5 milestone Jan 9, 2019
@simaQ simaQ closed this as completed in 0088305 Feb 11, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants