antvis / G2

📊 The concise and progressive visualization grammar.
https://g2.antv.antgroup.com
MIT License
12.11k stars 1.59k forks source link

双Y轴,散点图如何设置图例 表明哪种点对应哪个Y轴,如何保证首尾数据不出现在Y轴上 #466

Closed hzdjulytech closed 6 years ago

hzdjulytech commented 6 years ago

如何给双Y轴散点图添加图例 var data=[{ od : d.format('yyyy-MM-dd'),//开盘日期 ps : randomInt(ip,ap),//推售量 or: Number((Math.random()100 ).toFixed(2)),//开盘去化率 % pn: '随机测试项目'+i, cn: '随机公司名称'+(i%5), }... ] chart.point().position('odps').color('blue'); chart.point().position('od*or').color('red'); 最终要实现上面截图效果 该如何设置 出图例,已经搞成下面这样了,另外怎么让横轴 前后都空出一天不要把点标到两个Y轴上 image


图例通过 自定义图例加进去了 但是 貌似 图例文本(items[{value}])必须和 字段名称一致才行 不然就会出问题 onHover不会调用 难道只能去吧字段名改成中文? 希望能够提供自定义图例文本的方法

另外 文档按什么排布的 刚刚看到的文档有不知道哪儿去了 o(╥﹏╥)o 只能全局搜索

leungwensen commented 6 years ago
  1. 目前图例是根据同一份数据不同的属性来做筛选的,你这里两种颜色分属两份数据,所以目前没办法用图表里默认的图例来做,只能结合 guide 自己定制图例;
  2. 点想要不落入 Y 轴上,可以手动给 od 字段指定 axis 的值( scale 的 ticks 配置项 https://antv.alipay.com/zh-cn/g2/3.x/api/chart.html#_scale