g2-js / feedback Goto Github PK
View Code? Open in Web Editor NEWAntv 的反馈库
License: GNU General Public License v2.0
Antv 的反馈库
License: GNU General Public License v2.0
G2地图坐标系要求的数据格式是什么样子的,比如要绘制一个省份的地图,那么需要提供什么样的数据来进行path的绘制?或者说可以提供一个数据结构模版供我参考?
请问antv开源吗,或者可以使用吗。
如果是 G2 的使用问题,请您按照下面的模板来提 issue,并打上 label,真心感谢~~~
// ...
如果是其他的问题,请按照如下模板来提 issue,并打上 label,真心感谢~~~
...
...
我的source里配了一个月的数据,但我可能想一个星期一个星期的查看。
教程中在Stat#density的后面提到了kernelType,但是在API中却没有体现这个内容。并且API中出现了这种写法:density.kernel.('x*y')
可以看到在括号前面出现了令人迷惑的点号,希望能够把这里写得清楚一些。在Stat#smooth中也出现了类似的内容。
此外,在调试的过程中我发现[Stat#density]这里可以传进去第二个参数,这个参数的作用是什么?现在Stat的API文档里面并没有说明相关的API,只是给出了向教程的链接,希望API文档能够把这些细节上的内容写清楚一些。
...
如果是 G2 的使用问题,请您按照下面的模板来提 issue,并打上 label,真心感谢~~~
// ...
如果是其他的问题,请按照如下模板来提 issue,并打上 label,真心感谢~~~
点击图表事件怎么支持?
咋获取到点击的x、y值
getJSON取得的url是在阿里服务器上,在本地是无法获取到这个文件:/data.json?filename=china',
<script>
$.getJSON('/data.json?filename=china', function(mapData) {
var Stat = G2.Stat;
/data.json?filename=china',数据支持外链,能够在本地运行。
如果是 G2 的使用问题,请您按照下面的模板来提 issue,并打上 label,真心感谢~~~
react g2上的dark主题,配色不起作用
我使用的是平滑的区域图,在使用react绘出来后,区域图的底色没有任何变化,但xy轴上的字体颜色已经变了
// ...
如果是其他的问题,请按照如下模板来提 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"}]
// ...
如果是其他的问题,请按照如下模板来提 issue,并打上 label,真心感谢~~~
能否根据不同的names绘制不同的图形,如name1时画line,name2时画area,且它们存在同一个座标内
...
...
http://g2.alipay.com/demo/04-column/column-dodge.html 里的图表所用的json数据仅仅给了个链接/data.json?filename=diamond,麻烦你贴出来,方便学习。
没注意 #27
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函数中去重。实测改了之后好了很多很多。。
一、画饼图的时候,图表指定图元属性用了这样一句:
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();
如果是其他的问题,请按照如下模板来提 issue,并打上 label,真心感谢~~~
�刚看了下实例,是用js render的,请问如何在react中使用呢?
...
想使用G2来构建树状图,如https://g2.alipay.com/demo/15-facet/tree-m.html 所示,请问:
1、该图表是否支持多个父节点具有相同的子节点?
2、如何更改圆形为矩形?
谢谢~~
如果是 G2 的使用问题,请您按照下面的模板来提 issue,并打上 label,真心感谢~~~
请问下折线图可以在图上直接显示每个点的数值吗
// ...
如果是其他的问题,请按照如下模板来提 issue,并打上 label,真心感谢~~~
...
...
是G2 的使用问题,github怎么打 label?
标签(空格分隔): G2
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 v1.2.2
range v0.0.6
用的同一个浏览器,栗子里是随动的。
在绘制图表的时候我发现直角坐标系的坐标轴上的mark标记会在一些情况下和图例重叠在一起:
其中一个例子在这里: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 的使用问题,请您按照下面的模板来提 issue,并打上 label,真心感谢~~~
移动端怎么使用,添加好像没有等比缩放
移动端可以等比缩放
1.请问有没有绘制实时动态变化的代码例子,我目前在使用股票图做一个实时显示股票数据的应用,图中的数据应根据后台传过来的数据动态更新。目前我按照官网中的例子,每接受一次数据就chart.source(data);chart.render()一下,图中数据是叠加显示,而不是根据数据变化而变化。
2.坐标轴和示例等部分能不能和数据的线条分开绘制,比如有时候数据未到达,还是想先把坐标轴画出来给用户看,等数据传输到之后再画数据的线条。
3.请问G2.Plugin.range有没有设定范围值的参数,目前我绘制的实时股票图,每次接受数据时就range.render()一次,渲染后每次range条的范围都回到默认值,希望能保持用户所划分的范围。
如题,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')
才可以,我想这个地方能不能写得更明白一些。
另一部分是运行时的问题:
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配合react的使用教程,或者和Ant Design of React的结合使用
如果是 G2 的使用问题,请您按照下面的模板来提 issue,并打上 label,真心感谢~~~
var Global = G2.Global; // 获取 Global 全局对象
var Theme = G2.Theme; // 获取 Theme 对象,包含三个属性: 'default' 'dark' 'cheery' 对应主题名
Global.setTheme(Theme['dark']);
G2目前支持模块化的导入吗?像echart那样可以直接用require引入
...
Data 数据:https://g2.alipay.com/tutorial/data.html
在这一页中Frame静态方法的说明部分:
这里的第二个sum应该是写错了~
...
不是代码问题,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 上的示例扰动点图有点不是很明白,请问这个图中每个点的横坐标是编码的是什么呢?
横坐标现在是类别型的,但是数据点在类别的区域内也有不同的横坐标。如果没有编码什么维度,只是随机分布的话,会不会有点引起用户的误解呢? (比如我> <)
请问能否提供下二维扰动点图,示例源码里"/data.json?filename=diamond"这个数据的文件呢?或者数据片断也可以。万分感谢:-)
我想请教玉伯 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 React 版本,能配合 ant design 无缝使用
什么时候可以添加3D chart呀
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.