g2-js / feedback Goto Github PK

我的问题

官网教程页面错位，如图：

下拉之后，左右两边的 nav 的 position 都变成了 fixed ，中间的 .doc-content 也应该做一下处理

我的问题

G2地图坐标系要求的数据格式是什么样子的，比如要绘制一个省份的地图，那么需要提供什么样的数据来进行path的绘制？或者说可以提供一个数据结构模版供我参考？

请问antv开源吗，或者可以使用吗。

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

如何获取toolip上的值，以及鼠标移动得到当前点的坐标？

我的期望

实现这种效果

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

数据以及出现问题的源代码

  // ...

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40...

如果是其他的问题，请按照如下模板来提 issue,并打上 label，真心感谢~~~

我的问题

...

我的期望

...

我的source里配了一个月的数据，但我可能想一个星期一个星期的查看。

我的问题

教程中在Stat#density的后面提到了kernelType，但是在API中却没有体现这个内容。并且API中出现了这种写法：density.kernel.('x*y')
可以看到在括号前面出现了令人迷惑的点号，希望能够把这里写得清楚一些。在Stat#smooth中也出现了类似的内容。

此外，在调试的过程中我发现[Stat#density]这里可以传进去第二个参数，这个参数的作用是什么？现在Stat的API文档里面并没有说明相关的API，只是给出了向教程的链接，希望API文档能够把这些细节上的内容写清楚一些。
...

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

数据以及出现问题的源代码

  // ...

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40...

如果是其他的问题，请按照如下模板来提 issue,并打上 label，真心感谢~~~

我的问题

点击图表事件怎么支持？

我的期望

咋获取到点击的x、y值

地图类图表不能在本地运行

数据以及出现问题的源代码

getJSON取得的url是在阿里服务器上，在本地是无法获取到这个文件：/data.json?filename=china',

  <script>
      $.getJSON('/data.json?filename=china', function(mapData) {
        var Stat = G2.Stat;

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40

我的期望

/data.json?filename=china',数据支持外链，能够在本地运行。

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

react g2上的dark主题，配色不起作用

数据以及出现问题的源代码

我使用的是平滑的区域图，在使用react绘出来后，区域图的底色没有任何变化，但xy轴上的字体颜色已经变了

  // ...

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40...

如果是其他的问题，请按照如下模板来提 issue,并打上 label，真心感谢~~~

我的问题

...

我的期望

...

I know that G2 is language, but sometimes we need chart - like 3d funnel, or 3d pyramid. or custom version of gauge. How to do it?

E.g.:
http://www.fusioncharts.com/charts/funnel-charts/
http://www.fusioncharts.com/charts/gauges/

What do i need to do?

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

数据以及出现问题的源代码

下面是数据：
data = [{datetime: "2016-06",dateval: 10000,names: "name1"},{datetime: "2016-06",dateval: 10012,names: "name1"},{datetime: "2016-06",dateval: 10552,names: "name2"},{datetime: "2016-06",dateval: 100812,names: "name2"}]

  // ...

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： win7

如果是其他的问题，请按照如下模板来提 issue,并打上 label，真心感谢~~~

我的问题

能否根据不同的names绘制不同的图形，如name1时画line,name2时画area，且它们存在同一个座标内
...

我的期望

...

X轴坐标竟然不是从0开始的，感觉看起来非常不习惯啊，像这个例子：

正常人看了都会觉得“付款”数量是0吧？

http://g2.alipay.com/demo/04-column/column-dodge.html 里的图表所用的json数据仅仅给了个链接/data.json?filename=diamond，麻烦你贴出来，方便学习。

没注意 #27

我的需求

legend layout 问题:

1. 离散的 legend 项目名称过长
2. 离散的 legend 项目过多
   会导致 legend 显示不全, 没有找到相关的配置可以解决
   横向排列 legend + 自动换行应当是合适的解决方式

数据以及出现问题的源代码

position: left / right
legend 名称过长被截断

position: top / bottom
legend 条目被截断

我的问题

legend 无法吃进def里面alias属性，必须要求数据的key是中文

我的期望

legend能显示def里面的alias属性，期望的行为与坐标轴一样

我可以从哪里得到json文件

我的问题

    在学习图表时可以看到很多$.getJSON('/data.json?filename=scatter',function(data)这样的代码，但是我练习的时候没有数据，找不到你们的数据文件，所以想得到网站上图表所用的json数据文件。

我的期望

    想得到网站上图表所用的json数据文件。

...

我的问题

在尝试设置多个字段Legend的位置时发现：通过chart.legend(dim, cfg)针对不同字段设置不同的position是无效的。

下面是我用的例子，数据集就是样例数据集中的car.json。

var Frame = G2.Frame;
var frame = new Frame(data);
var chart = new G2.Chart({
    id : 'c1',
    width : 800,
    height : 400
});
chart.source(frame);
chart.tooltip(true, {
    title: null
});
chart.point().position("depth*table").color('cut').shape("clarity");
chart.legend("cut", {
    position: "top"
});
chart.legend("clarity", {
    position: "right"
});
chart.filter("cut", ["Ideal", "Good"]);
chart.render();

但是画出来之后可以看到所有的图例都被放到了右侧（运行效果在这里：http://heavenduke.github.io/learningg2/legend_demo/demo.html）。而如果注释掉第二个legend的设置，整个图例又都移到了上面。请问G2现在还不支持在不同位置绘制不同字段的图例吗？
...

先把大家最关心的问题给问了。:santa:

我的问题

数据量比较大时渲染速度很慢

我的期望

几万以上数据时，二维数组的concat以及values函数计算非常慢。可以改成直接嵌套push，以及用Set直接在values函数中去重。实测改了之后好了很多很多。。

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Windows 7, Chrome 40...

我的问题

一、画饼图的时候，图表指定图元属性用了这样一句：
chart.intervalStack().position(Stat.summary.percent('y')).color('x');
这里使用的数据是两个维度的，维度名分别为'x'和'y'。
结果画出来的扇形不在一个同心圆上...后来把维度名'x'改成其他（比如'type'）就好了。

二、画饼图的时候好像并没有特定的API指定饼图要根据那个维度去划分。
**chart.intervalStack().position(Stat.summary.percent('y')).color('x');**像这句代码如果把.color('x')去掉，画出的就只有一个扇形。是否可以理解为.color()执行了饼图划分的操作？

谢谢~

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

数据以及出现问题的源代码

 var chart = new G2.Chart({
      ...
      });
      chart.tooltip({
        crosshairs: true
      });
      chart.area().position('day*share');
      chart.line().position('day*share').size(3);
      chart.render();

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40...

如果是其他的问题，请按照如下模板来提 issue,并打上 label，真心感谢~~~

我的问题

�刚看了下实例，是用js render的，请问如何在react中使用呢？

我的期望

...

我的需求/我的问题

想使用G2来构建树状图，如https://g2.alipay.com/demo/15-facet/tree-m.html 所示，请问：
1、该图表是否支持多个父节点具有相同的子节点？
2、如何更改圆形为矩形？

G2 的版本以及使用环境

• G2 版本： 1.2.4
• 使用环境： Windows 10, Chrome 最新版

谢谢~~

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的需求/我的问题

请问下折线图可以在图上直接显示每个点的数值吗

数据以及出现问题的源代码

  // ...

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40...

如果是其他的问题，请按照如下模板来提 issue,并打上 label，真心感谢~~~

我的问题

...

我的期望

...

是G2 的使用问题，github怎么打 label？

标签（空格分隔）： G2

使用range插件，坐标轴没有随动，我看官方的那个股票的栗子，坐标轴是随动的

数据以及出现问题的源代码

    var range = new G2.Plugin.range({
        id: "range",
        width: 1000,
        height: 26,
        dim: 'date'
    });

    range.source(chartSourcePC);
    range.link([chartPV1,chartPV2,chartDelay1,chartDelay2]);
    range.render();

G2 的版本以及使用环境

g2 v1.2.2
range v0.0.6

用的同一个浏览器，栗子里是随动的。

我是图

我的问题

在绘制图表的时候我发现直角坐标系的坐标轴上的mark标记会在一些情况下和图例重叠在一起：

1. 不翻转，和左侧还有下侧的图例重叠
2. 翻转x轴，和右侧的图例重叠
3. 翻转y轴，和上侧的图例重叠

其中一个例子在这里：http://heavenduke.github.io/learningg2/coordinate_operation/issue1/demo.html

我知道这个在绝大多数情况可以通过调整图例位置来避开，但是还是希望能提升一下这部分的适配能力。
...

G2 的使用问题

我的需求/我的问题

我需要对数据中的默写字段进行翻译，比如说数据中有个关于类型的字段，我需要在统计的时候，翻译成对应的中文说明

数据以及出现问题的源代码

  [
  {action:'1001',visitor:500},
  {action:'1002',visitor:400},
  {action:'1003',visitor:300},
  {action:'1004',visitor:200},
  {action:'1005',visitor:100}
]

  var chart = new G2.Chart({
  id: 'c1',
  width: 800,
  height: 400
});

var defs = {
  'action':{
    type: 'cat',
    alias: '行为', // 别名，如果没有别名显示成字段名 month
    values: {
        '1001': '访问',
        '1002': '浏览',
        '1003': '交互',
        '1004': '下单',
        '1005': '付款'
    }
  },
  'visitor': {
    alias: '次数'
  }
};

chart.source(data, defs); // 载入数据，所有的数据都储存在 data 变量中


chart.interval().position('action*visitor').color('action'); // 绘制柱状图，根据需要改变 position color 的参数

action的values不能这么写，那该如何实现？

G2 的版本以及使用环境

• G2 版本： 1.2.2
• 使用环境： Mac OS X, Chrome 40...

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

我的问题

移动端怎么使用，添加好像没有等比缩放

我的期望

移动端可以等比缩放

我的需求/我的问题

1.请问有没有绘制实时动态变化的代码例子，我目前在使用股票图做一个实时显示股票数据的应用，图中的数据应根据后台传过来的数据动态更新。目前我按照官网中的例子，每接受一次数据就chart.source(data);chart.render()一下，图中数据是叠加显示，而不是根据数据变化而变化。

2.坐标轴和示例等部分能不能和数据的线条分开绘制，比如有时候数据未到达，还是想先把坐标轴画出来给用户看，等数据传输到之后再画数据的线条。

3.请问G2.Plugin.range有没有设定范围值的参数，目前我绘制的实时股票图，每次接受数据时就range.render()一次，渲染后每次range条的范围都回到默认值，希望能保持用户所划分的范围。

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： win10, Chrome 49...

如题，G2是基于D3.js开发的吗。对比D3.js,G2的特点是？

我的问题

这部分有两部分问题，一部分是官方文档中说reflect的翻转是x或者y方向，但是文档示例中给出了chart.coord().rotate(70).scale(1.5, 1.5).reflect('xy').transpose();这样的示例。目前测试的结果是上面这种写法不会同时反转坐标轴，只有.reflect('x').reflect('y')才可以，我想这个地方能不能写得更明白一些。

另一部分是运行时的问题：

1. 翻转时坐标轴mark和图例重叠的问题（已经在#31中做了具体陈述）
2. 对y轴翻转时，坐标轴上的mark会超出屏幕外。示例：http://heavenduke.github.io/learningg2/coordinate_operation/issue2/demo.html
3. 在同时进行transpose与任何一轴的翻转时，坐标轴上的mark会被绘制到坐标系里面，和geom重叠在一起。示例：http://heavenduke.github.io/learningg2/coordinate_operation/issue3/demo.html和http://heavenduke.github.io/learningg2/coordinate_operation/issue4/demo.html
   ...

http://g2.alipay.com/about/ 致谢部分，
Special thanks to Leland Wilkinson, the anthor of 《The Grammar Of Graphics》, this book served as the foundation for G2.

anthor -> author
this -> whose

顺便问一下这种issue是不是不用提在github里，可能并不是那么重要的问题。。。

我的需求/我的问题

无法改变坐标轴刻度字体的大小

数据以及出现问题的源代码

比如用如下的例子（在实际的使用中，‘dim’会对应为真实数据源中的字段名），坐标轴刻度文本没有任何变化，实际显示总是为缺省的‘12’。
chart.axis('dim', {
labels: {
label: {
'font-size': '18'// 文本大小
}
}
})

G2 的版本以及使用环境

• G2 版本： 1.2.2
• 使用环境： Chrome Version 50.0.2661.102 m

有G2配合react的使用教程，或者和Ant Design of React的结合使用

如果是 G2 的使用问题，请您按照下面的模板来提 issue，并打上 label，真心感谢~~~

主题dark并没有把背景设置成暗色调

数据以及出现问题的源代码

var Global = G2.Global; // 获取 Global 全局对象
var Theme = G2.Theme; // 获取 Theme 对象，包含三个属性： 'default' 'dark' 'cheery' 对应主题名
Global.setTheme(Theme['dark']);

G2 的版本以及使用环境

• G2 版本： 1.2.3
• 使用环境： Chrome 40...

http://g2.alipay.com/api/global.html 这个页面上的最后一段代码多了个大括号

我的问题

G2目前支持模块化的导入吗？像echart那样可以直接用require引入

我的期望

...

我的问题

Data 数据：https://g2.alipay.com/tutorial/data.html
在这一页中Frame静态方法的说明部分：

• sum(frame,x) Number 计算列x的和
• max(frame,x) Number 计算列x的最大值
• min(frame,x) Number 计算列x的最小值
• sum(frame,x) Number 计算列x的最大值

这里的第二个sum应该是写错了~
...

我的需求/我的问题

label 旋转后没有对齐到顶端, 对于超长的 label 非常明显, 且 label 会超过坐标轴

数据以及出现问题的源代码

chart.axis('someDim', {
  labels: {
    label: {
      'text-anchor': 'start' // 试验发现此项对旋转的 label 不起作用
    },
    autoRotate: true
  }
}

不是代码问题，G2官网介绍G2特性的时候，有一个错别字 “一套强大的与法”，应该是“一套强大的语法”。
我并不吹毛求疵，而是不小心看到了，所以提醒一下，如有冒犯，敬请谅解。

邮箱 : [email protected]

地图引用

帮忙说明下如何在本地使用下面链接里的地图。
https://g2.alipay.com/demo/10-map/world-map.html

对这段里的调用不是太理解。data.json?filename=world.geo是否是标准文件还是要自己定义？如果是标准文件请分享；如果要自制，麻烦提供格式。
$.getJSON('/data.json?filename=world.geo', function(mapData) {

我的问题

看 https://g2.alipay.com/demo/01-point/custom-color.html 上的示例扰动点图有点不是很明白，请问这个图中每个点的横坐标是编码的是什么呢？

横坐标现在是类别型的，但是数据点在类别的区域内也有不同的横坐标。如果没有编码什么维度，只是随机分布的话，会不会有点引起用户的误解呢？ （比如我> <）

G2 的版本以及使用环境

• G2 版本： 1.2.0
• 使用环境： Mac OS X, Chrome 40...

我的问题

教程/g2语法/绘制绘制散点图点击legend绘制统计线会有bug

请问能否提供下二维扰动点图，示例源码里"/data.json?filename=diamond"这个数据的文件呢？或者数据片断也可以。万分感谢:-)

label :g2

G2 range插件怎么设置初始化时显示100%的数据，另外在非100%时辅助线不能显示

辅助线挂了

我想请教玉伯 G2 生成的坐标系 有木有三维坐标系 ？

我的需求/我的问题

区域图只支持间断的null值，不支持连续的null值，比如连续2个null。控制台会报如下错误：
Uncaught TypeError: Cannot read property 'x' of undefined

数据以及出现问题的源代码

出错的代码是根据使用示例https://g2.alipay.com/demo/03-area/area-null.html
稍加修改数据而成。

  var data= [
    {"year": "1986", "ACME": 162, "Compitor": 42},
    {"year": "1987", "ACME": 134, "Compitor": 54},
    {"year": "1988", "ACME": 116, "Compitor": 26},
    {"year": "1989", "ACME": 122, "Compitor": 32},
    {"year": "1990", "ACME": 178, "Compitor": 68},
    {"year": "1991", "ACME": 144, "Compitor": 54},
    {"year": "1992", "ACME": 125, "Compitor": 35},
    {"year": "1993", "ACME": 176, "Compitor": 66},
    {"year": "1994", "ACME": 156},
    {"year": "1995", "ACME": 195},
    {"year": "1996", "ACME": 215, "Compitor": 115},
    {"year": "1997", "ACME": 176, "Compitor": 36},
    {"year": "1998", "ACME": 167, "Compitor": 47},
    {"year": "1999", "ACME": 142, "Compitor": 72},
    {"year": "2000", "ACME": 117, "Compitor": 37},
    {"year": "2001", "ACME": 113, "Compitor": 23},
    {"year": "2002", "ACME": 132},
    {"year": "2003", "ACME": 146, "Compitor": 46},
    {"year": "2004", "ACME": 169, "Compitor": 59},
    {"year": "2005", "ACME": 184, "Compitor": 44}
  ];

G2 的版本以及使用环境

• G2 版本： 1.2.2
• 使用环境：Chrome Version 50.0.2661.102 m

我的期望

希望能有 G2 React 版本，能配合 ant design 无缝使用

我的期望

什么时候可以添加3D chart呀