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

散点图 #422

Closed
zhanwen opened this issue Jul 9, 2018 · 14 comments
Closed

散点图 #422

zhanwen opened this issue Jul 9, 2018 · 14 comments

Comments

@zhanwen
Copy link

zhanwen commented Jul 9, 2018

Summary 简述

请问下是否支持散点图,不是带有日期这种,比如x,y
image
而不是这种
image

Expect 期望结果

或者其它实现

Reproduce 重现示例

@xiguaxigua
Copy link
Contributor

没太看懂你说的这两种之间的区别,可以详细描述一下吗?

@zhanwen
Copy link
Author

zhanwen commented Jul 10, 2018

我的意思是,目前支持的散点图,是把第一列的数据当作了x轴,而点却只表示y的颜色,按道理来说,如果三列数据,第一列作为x轴,其它两列当作数据,在这个图上面就会出现两种颜色的点,而不是想要的那个只有一个点

@zhanwen
Copy link
Author

zhanwen commented Jul 10, 2018

image
就是这种,但是想要x,y不要分开,而是表示的是一个点

@xiguaxigua
Copy link
Contributor

如果三列数据,第一列作为x轴,其它两列当作数据,在这个图上面就会出现两种颜色的点,而不是想要的那个只有一个点

就是这种,但是想要x,y不要分开,而是表示的是一个点

想要的效果是这样的吗? https://jsfiddle.net/w57jrmkt/5/

@zhanwen
Copy link
Author

zhanwen commented Jul 10, 2018

我将你的实例调成两列数据时,生成图形如下效果,当鼠标悬停在上面的时候,会显示三个数据,其中第三个数据为 undefined。当我增加到三列的时候,这个问题就没有了,也就是columns必须要三列吗?
https://jsfiddle.net/w57jrmkt/11/

@xiguaxigua
Copy link
Contributor

第三列一般表示气泡的大小,也可以不需要,具体配置参考示例 https://jsfiddle.net/w57jrmkt/17/

@zhanwen
Copy link
Author

zhanwen commented Jul 10, 2018

好的,谢谢

@zhanwen
Copy link
Author

zhanwen commented Jul 11, 2018

作者您好,我发现散点图的横轴是不会从小到大排序的,而是按点分布的。还有一个是数据一多(200),横轴就只显示了几个点的坐标。如下
image
但是我在jsfiddle中却能正常显示横轴的数据,但横轴还是不能自动排序。
https://jsfiddle.net/w57jrmkt/23/

@xiguaxigua
Copy link
Contributor

当前版本 x 轴默认为类目轴,如果需要自动排序的话需要修改为数值轴

https://jsfiddle.net/w57jrmkt/25/

还有一个是数据一多(200),横轴就只显示了几个点的坐标

这个之前没有遇到过,最好是有重现的示例,这样比较方便解决问题。

@xiguaxigua xiguaxigua reopened this Jul 11, 2018
@zhanwen
Copy link
Author

zhanwen commented Jul 15, 2018

之前那个数据多没有完全显示,是因为我设置的是类目轴,后来根据您的提示,改成数值轴后就可以完全显示了,但是散点图横轴过多的话,有没有考虑下面放个类似折线图的那种,可以自己选择时间段,查看某段的记录。

@xiguaxigua
Copy link
Contributor

可以增加 dataZoom 控件看看能否解决问题。 https://jsfiddle.net/vue_echarts/w57jrmkt/30/

@zhanwen
Copy link
Author

zhanwen commented Jul 16, 2018

非常棒,原来这个是可以手动加的,那对应的折线图那个,下面的dataZoom是不是可以去掉,直接将dataZoom设置为空就行了?

@xiguaxigua
Copy link
Contributor

那对应的折线图那个

是指的哪一个?

dataZoom 默认是没有值的,可以通过 extend 增加,也可以在组件上增加。

@zhanwen
Copy link
Author

zhanwen commented Jul 16, 2018

就是这个折线图,这个是<ve-line></ve-line>默认就带的,如果我想去掉的话,是不是就可以将dataZoom设置为空就行了,设置了结果还在,最后我是直接把:dataZoom属性去掉就没有了,感谢解答。
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants