Redian新闻
>
有人用百度的echart吗,github七千星
avatar
有人用百度的echart吗,github七千星# Programming - 葵花宝典
t*l
1
最近刚看了这个,觉得挺搞笑的。
avatar
f*h
2
小时候对门一家有两个女儿,小的和我同年级不同班,没事经常和她们一起玩,藏猫猫什么的,有机会我就ws地揩揩油,不知道她们是不知道还是无所谓,反正没有表达过不满...sorry,跑题了,咳咳。这笑话是关于她们娘的。
她们娘是一普通工人,估计文化不高。她们家先买了彩电(背景材料补充:80年代彩电
还是很牛b的很精贵的东西),我经常去蹭电视看。有回大家正在看电视,修闭路电视
(现在的cable)的大叔来了,大叔说需要检查一下线路,要把电视关一下。对门的阿
姨很雷地直接把电源拔掉了,大家都非常迷惑,包括cable大叔。cable大叔好奇地
问为什么直接拔电源,阿姨说听说彩电的开关只有10000...次寿命。虽然那会儿我才上
小学,我也知道阿姨的做法不make sense。cable大叔也严厉地谴责了这种做法,说直
接拔电源比按开关影响更大。
阿姨对我其实很不错的,发她的笑话有点于心不忍,本文的目的主要是治病救人。
avatar
h*b
3
不知道和highchart比如何。
最近几天试了c3,nvd3,chart.js觉得还是不够polished。
avatar
a*s
4
大女当嫁,新结婚时代
avatar
c*n
5
看上去还不错啊 就是配色细节bigger不够
你还试了哪几个不
这几天在捣鼓你说的这几个库在angular下表现
弄得烦死了 各种不顺

【在 h******b 的大作中提到】
: 不知道和highchart比如何。
: 最近几天试了c3,nvd3,chart.js觉得还是不够polished。

avatar
d*r
6
你试的原版, 还是 AnguarjS directive 版?
我觉得 nvd3 还行, 算是比较好的 D3.js 例子了
百度那个看着挺给力的, 文档也很好.
是用 Canvas 做的, 跟 D3.js 那个 SVG 路数不一样,
理论上讲, Canvas 应该比 SVG 表现力好,
我觉得可以试试 ECharts.

【在 h******b 的大作中提到】
: 不知道和highchart比如何。
: 最近几天试了c3,nvd3,chart.js觉得还是不够polished。

avatar
d*r
7
AnguarjS 就是连环坑
你是汤的 1 还是 2 的坑?

【在 c******n 的大作中提到】
: 看上去还不错啊 就是配色细节bigger不够
: 你还试了哪几个不
: 这几天在捣鼓你说的这几个库在angular下表现
: 弄得烦死了 各种不顺

avatar
l*n
8
确实是个坑,我用nvd3, 要把directive自己重写。不过重写花不了多少时间。但是你
不能说是angular是个坑,只能说directive是个坑

【在 d*******r 的大作中提到】
: AnguarjS 就是连环坑
: 你是汤的 1 还是 2 的坑?

avatar
l*n
9
不知道你说2是什么意思。 2还没出来

【在 d*******r 的大作中提到】
: AnguarjS 就是连环坑
: 你是汤的 1 还是 2 的坑?

avatar
N*m
10
不需要,nvd3的angular轮子很多

【在 l**********n 的大作中提到】
: 确实是个坑,我用nvd3, 要把directive自己重写。不过重写花不了多少时间。但是你
: 不能说是angular是个坑,只能说directive是个坑

avatar
l*n
11
angular的compile是个坑吧,这里面就是个black box。memory leak在所难免。
avatar
d*r
13
AngularJS 做个啥简单的事儿, 都是费老劲了...
有很多现成的 JS lib, 就是没有封装好,测试好的 AngularJS directive.
然后, 你就折腾吧... 光是测试不同的 AngularJS directives for one old lib, 就
够折腾半天了, 也可能折腾完了后, 发觉都很烂, 都不如裸用原生的 lib
我觉得 AngularJS 适合的 project 是, 要用哪些 lib/模块 都已经被 architect 定
好, 测试过的, 一堆人协作的 project. 如果你自己搭建东西, 自己做 architect,
AngularJS 就能折腾死你.

【在 l**********n 的大作中提到】
: angular的compile是个坑吧,这里面就是个black box。memory leak在所难免。
avatar
d*r
14
有大半年没 follow 了, 2 还没出来啊...
那你们用 AngularJS 1 的, 是不是等 2 出来后, 重新学一遍, 重新汤一遍坑...

【在 l**********n 的大作中提到】
: 不知道你说2是什么意思。 2还没出来
avatar
N*m
15
其实还好

【在 d*******r 的大作中提到】
: AngularJS 做个啥简单的事儿, 都是费老劲了...
: 有很多现成的 JS lib, 就是没有封装好,测试好的 AngularJS directive.
: 然后, 你就折腾吧... 光是测试不同的 AngularJS directives for one old lib, 就
: 够折腾半天了, 也可能折腾完了后, 发觉都很烂, 都不如裸用原生的 lib
: 我觉得 AngularJS 适合的 project 是, 要用哪些 lib/模块 都已经被 architect 定
: 好, 测试过的, 一堆人协作的 project. 如果你自己搭建东西, 自己做 architect,
: AngularJS 就能折腾死你.

avatar
h*b
16
我用的是angular/ionic, 抛砖引玉说说感想吧。需求很简单,环形图里面有文字,还
有stacked bar。 必须自动适应div的大小。
不想自己写任何图像代码,纯json轮子。angular插件我希望只是一个two way binding
wrapper, 不要乱七八糟功能,比如angular-nvd3-directive。 这样我可以直接用
nvd3本来的文档。
1) chartjs/angular-chartjs - 最简单直白的,五分钟就出来图表了。但他的config
选项实在太单薄了。环形图里不能放文字,看了几个stack overflow的例子也没搞定就
放弃了。
2)d3/angular-d3 - 这是photoshop不是ppt,画个圆圈都得自己写代码,迅速放弃。
3)nvd3/angular-nvd3 vs c3/angular-c3-simple, 半斤八两吧。 nvd3直接expose
更多d3的东西更强大。 c3感觉更傻瓜封装的更好。 目前觉得c3好用一点,不直接暴
露d3的东西,更像ppt。
4)Highcharts/angular-ng, you get what you pay for。 Alexa排名远高于上面几
个。 documentation也成熟的多,画的各种图形也更漂亮。 如果我偷偷用他的lib不
交钱真的会被抓住吗? 他怎么能知道我用他的文档? 如果app成名五百刀也认了。
今晚试试百度echarts和iu-echarts。 百度毕竟人多力量大,目测不在highcharts之
下而且还免费还能支持国货。看上去比highcharts更猛。

【在 c******n 的大作中提到】
: 看上去还不错啊 就是配色细节bigger不够
: 你还试了哪几个不
: 这几天在捣鼓你说的这几个库在angular下表现
: 弄得烦死了 各种不顺

avatar
c*n
17
主要有些lib是搞dom的
要么搞法和angular不是一路货
要么干脆会打架 所以不行
d3那边之前都看到有人提议说重写别直接上来就操dom 或者直接把操作dom这块扔出去
专门做可视化这块

【在 d*******r 的大作中提到】
: AngularJS 做个啥简单的事儿, 都是费老劲了...
: 有很多现成的 JS lib, 就是没有封装好,测试好的 AngularJS directive.
: 然后, 你就折腾吧... 光是测试不同的 AngularJS directives for one old lib, 就
: 够折腾半天了, 也可能折腾完了后, 发觉都很烂, 都不如裸用原生的 lib
: 我觉得 AngularJS 适合的 project 是, 要用哪些 lib/模块 都已经被 architect 定
: 好, 测试过的, 一堆人协作的 project. 如果你自己搭建东西, 自己做 architect,
: AngularJS 就能折腾死你.

avatar
c*n
18
恩 基本和我感觉差不多
chartjs适合搞传统图表 不加东西那种
d3只适合开脑洞的可视化 全部从头写那种 所以我做了几个eye candy之后 现在要搞普
通图表马上就退到c3了,之前用得还不错 天知道和angular配合这么累
关键之前搞了几个demo安利了下angular之后 现在可能要把以前d3的东西放进去 彻底
做成spa 感觉有点傻比了。。
nvd3和c3真的是各有千秋 但是我觉得c3的审美更符合我的品味一点。。

binding
config

【在 h******b 的大作中提到】
: 我用的是angular/ionic, 抛砖引玉说说感想吧。需求很简单,环形图里面有文字,还
: 有stacked bar。 必须自动适应div的大小。
: 不想自己写任何图像代码,纯json轮子。angular插件我希望只是一个two way binding
: wrapper, 不要乱七八糟功能,比如angular-nvd3-directive。 这样我可以直接用
: nvd3本来的文档。
: 1) chartjs/angular-chartjs - 最简单直白的,五分钟就出来图表了。但他的config
: 选项实在太单薄了。环形图里不能放文字,看了几个stack overflow的例子也没搞定就
: 放弃了。
: 2)d3/angular-d3 - 这是photoshop不是ppt,画个圆圈都得自己写代码,迅速放弃。
: 3)nvd3/angular-nvd3 vs c3/angular-c3-simple, 半斤八两吧。 nvd3直接expose

avatar
c*n
19
angular-c3-simple
这个好用不
我现在用的那个
c3-angular-directive
动态载入后donut chart的title显示有问题。。。
然后百度chart有啥好的angular wrapper不
多谢

binding
config

【在 h******b 的大作中提到】
: 我用的是angular/ionic, 抛砖引玉说说感想吧。需求很简单,环形图里面有文字,还
: 有stacked bar。 必须自动适应div的大小。
: 不想自己写任何图像代码,纯json轮子。angular插件我希望只是一个two way binding
: wrapper, 不要乱七八糟功能,比如angular-nvd3-directive。 这样我可以直接用
: nvd3本来的文档。
: 1) chartjs/angular-chartjs - 最简单直白的,五分钟就出来图表了。但他的config
: 选项实在太单薄了。环形图里不能放文字,看了几个stack overflow的例子也没搞定就
: 放弃了。
: 2)d3/angular-d3 - 这是photoshop不是ppt,画个圆圈都得自己写代码,迅速放弃。
: 3)nvd3/angular-nvd3 vs c3/angular-c3-simple, 半斤八两吧。 nvd3直接expose

avatar
d*r
20
我们前端菜表示, 让 AngularJS 跟其他成熟 lib 合作, 总是挺折腾的呀 T_T

【在 N*****m 的大作中提到】
: 其实还好
avatar
d*r
21
确实, 主要是 AngularJS 自己是一套东西
而且可能安利玩 AngularJS 后, 再往后做, 发现跟别的东西配合, 总是非常劳神 ...
@[email protected]

【在 c******n 的大作中提到】
: 主要有些lib是搞dom的
: 要么搞法和angular不是一路货
: 要么干脆会打架 所以不行
: d3那边之前都看到有人提议说重写别直接上来就操dom 或者直接把操作dom这块扔出去
: 专门做可视化这块

avatar
c*n
22
前端苦啊
之前我就差砸键盘 尼玛d3那么复杂的动态图我都画了为啥个donut chart能折腾这么久

【在 d*******r 的大作中提到】
: 我们前端菜表示, 让 AngularJS 跟其他成熟 lib 合作, 总是挺折腾的呀 T_T
avatar
c*n
23
顺带问问ionic咋样
我之前也在看
估计过几个月有2个简单项目 最多就是要用下位置信息
瞅瞅他们预算 我觉得也没机会搞native的
之前感觉就ionic最靠谱了

binding
config

【在 h******b 的大作中提到】
: 我用的是angular/ionic, 抛砖引玉说说感想吧。需求很简单,环形图里面有文字,还
: 有stacked bar。 必须自动适应div的大小。
: 不想自己写任何图像代码,纯json轮子。angular插件我希望只是一个two way binding
: wrapper, 不要乱七八糟功能,比如angular-nvd3-directive。 这样我可以直接用
: nvd3本来的文档。
: 1) chartjs/angular-chartjs - 最简单直白的,五分钟就出来图表了。但他的config
: 选项实在太单薄了。环形图里不能放文字,看了几个stack overflow的例子也没搞定就
: 放弃了。
: 2)d3/angular-d3 - 这是photoshop不是ppt,画个圆圈都得自己写代码,迅速放弃。
: 3)nvd3/angular-nvd3 vs c3/angular-c3-simple, 半斤八两吧。 nvd3直接expose

avatar
d*r
24
哈哈哈哈, 握个手吧
之前我搞 AngularJS 也是, "这么复杂的后端逻辑我都搞定了, 做几个 AngularJS +
select2 的 buttons/forms 把我搞崩溃了....#@[email protected]#$#@$ " -- 不知道现在这些坑被
人填平了没 XD

【在 c******n 的大作中提到】
: 前端苦啊
: 之前我就差砸键盘 尼玛d3那么复杂的动态图我都画了为啥个donut chart能折腾这么久

avatar
d*r
25
你这个是接私活吗?

【在 c******n 的大作中提到】
: 顺带问问ionic咋样
: 我之前也在看
: 估计过几个月有2个简单项目 最多就是要用下位置信息
: 瞅瞅他们预算 我觉得也没机会搞native的
: 之前感觉就ionic最靠谱了
:
: binding
: config

avatar
c*n
26
公司的话 本来要外包的 我想闲着没事正好学学新东西就主动接了

【在 d*******r 的大作中提到】
: 你这个是接私活吗?
avatar
c*n
27
select2?
那个ui-select 咋样
说到这个我想起来了 还有个ui-grid的坑还没填
demo时候各种问题 当时糊弄过去了
现在还得重新换到smartTable

【在 d*******r 的大作中提到】
: 哈哈哈哈, 握个手吧
: 之前我搞 AngularJS 也是, "这么复杂的后端逻辑我都搞定了, 做几个 AngularJS +
: select2 的 buttons/forms 把我搞崩溃了....#@[email protected]#$#@$ " -- 不知道现在这些坑被
: 人填平了没 XD

avatar
d*r
28
哦, 我当时就是用的 ui-select, 各种奇怪的小问题, 都是泪 T_T
ui-select 功能的多少, 文档, 成熟度, 比裸用原始的 select2 差老远了...
不信你用用 JQuery 版的 select2, 那用起来叫一个愉快
我是一年前用的, 不知道现在 ui-select 改善了没

【在 c******n 的大作中提到】
: select2?
: 那个ui-select 咋样
: 说到这个我想起来了 还有个ui-grid的坑还没填
: demo时候各种问题 当时糊弄过去了
: 现在还得重新换到smartTable

avatar
h*b
29
我不喜欢directive那些复杂功能,c3-simple是wrapper,不过title不对不一定是
wrapper的问题。
百度是iu-echarts似乎比较好。 我的要求就是最直接的把原始chart option的json
payload expose出来,千万别加私料。

【在 c******n 的大作中提到】
: angular-c3-simple
: 这个好用不
: 我现在用的那个
: c3-angular-directive
: 动态载入后donut chart的title显示有问题。。。
: 然后百度chart有啥好的angular wrapper不
: 多谢
:
: binding
: config

avatar
h*b
30
目前最强的跨平台开发工具了。和native比还是有限制,但一般crud app足够了。 游
戏还得靠cocos2dx,unity这些。
http://codecanyon.net/item/ionfullapp-ionic-phonegapcordova-ful
你可以下载他的apk看看目前cordova的功能。 至于界面/后台是纯angular。 非常适
合web开发一个技能两吃。

【在 c******n 的大作中提到】
: 顺带问问ionic咋样
: 我之前也在看
: 估计过几个月有2个简单项目 最多就是要用下位置信息
: 瞅瞅他们预算 我觉得也没机会搞native的
: 之前感觉就ionic最靠谱了
:
: binding
: config

avatar
c*n
31
晚上我去试试c3-simple
然后期待你echarts的后感

【在 h******b 的大作中提到】
: 我不喜欢directive那些复杂功能,c3-simple是wrapper,不过title不对不一定是
: wrapper的问题。
: 百度是iu-echarts似乎比较好。 我的要求就是最直接的把原始chart option的json
: payload expose出来,千万别加私料。

avatar
c*n
32
我也是觉得反正选了半天都上angular了 就最大化利用一下现有经验比较好
那我也选定用ionic了

【在 h******b 的大作中提到】
: 目前最强的跨平台开发工具了。和native比还是有限制,但一般crud app足够了。 游
: 戏还得靠cocos2dx,unity这些。
: http://codecanyon.net/item/ionfullapp-ionic-phonegapcordova-ful
: 你可以下载他的apk看看目前cordova的功能。 至于界面/后台是纯angular。 非常适
: 合web开发一个技能两吃。

avatar
h*b
33
试了试没能搞定iuchart,出现兼容问题,什么echart undefine的。
而且好像百度的不是特别手机friendly,文件个别显示器上还有乱码。
不折腾了,先c3了。

【在 c******n 的大作中提到】
: 晚上我去试试c3-simple
: 然后期待你echarts的后感

avatar
c*n
34
👍
昨儿回家割草之后一恍惚就玩了一晚上游戏。。

【在 h******b 的大作中提到】
: 试了试没能搞定iuchart,出现兼容问题,什么echart undefine的。
: 而且好像百度的不是特别手机friendly,文件个别显示器上还有乱码。
: 不折腾了,先c3了。

avatar
p*8
35
c3-angular-simple没用过,但 c3-angular-directive不好用,timeseries有问题,很
多config都不支持,我到后来都是controller里直接写c3, 那些第三方directive出bug
实在太烦了,还是自己控制的好,不过我只是偶尔写前端,专业行不够

【在 c******n 的大作中提到】
: angular-c3-simple
: 这个好用不
: 我现在用的那个
: c3-angular-directive
: 动态载入后donut chart的title显示有问题。。。
: 然后百度chart有啥好的angular wrapper不
: 多谢
:
: binding
: config

avatar
d*r
36
"那些第三方directive出bug实在太烦了"
This is pretty typical for AngularJS... -__-

bug

【在 p*******8 的大作中提到】
: c3-angular-simple没用过,但 c3-angular-directive不好用,timeseries有问题,很
: 多config都不支持,我到后来都是controller里直接写c3, 那些第三方directive出bug
: 实在太烦了,还是自己控制的好,不过我只是偶尔写前端,专业行不够

avatar
l*n
37
it is not bug. it is version incompatibility. very common in nodejs

【在 d*******r 的大作中提到】
: "那些第三方directive出bug实在太烦了"
: This is pretty typical for AngularJS... -__-
:
: bug

avatar
d*r
38
结果一样, 还不算各种功能残次
我用 Node.js lib 比 AngularJS directive 多多了, 体验好 10 倍以上

【在 l**********n 的大作中提到】
: it is not bug. it is version incompatibility. very common in nodejs
avatar
N*m
39
看了一下,有美国地图吗?

【在 h******b 的大作中提到】
: 不知道和highchart比如何。
: 最近几天试了c3,nvd3,chart.js觉得还是不够polished。

avatar
l*n
40
nodejs好不到那去。

【在 d*******r 的大作中提到】
: 结果一样, 还不算各种功能残次
: 我用 Node.js lib 比 AngularJS directive 多多了, 体验好 10 倍以上

avatar
k*t
41
你有没有用dygraph?在网站上用来显示时间轴感觉还行。最近想搬到手机上,也正在找
library。

binding
config

【在 h******b 的大作中提到】
: 我用的是angular/ionic, 抛砖引玉说说感想吧。需求很简单,环形图里面有文字,还
: 有stacked bar。 必须自动适应div的大小。
: 不想自己写任何图像代码,纯json轮子。angular插件我希望只是一个two way binding
: wrapper, 不要乱七八糟功能,比如angular-nvd3-directive。 这样我可以直接用
: nvd3本来的文档。
: 1) chartjs/angular-chartjs - 最简单直白的,五分钟就出来图表了。但他的config
: 选项实在太单薄了。环形图里不能放文字,看了几个stack overflow的例子也没搞定就
: 放弃了。
: 2)d3/angular-d3 - 这是photoshop不是ppt,画个圆圈都得自己写代码,迅速放弃。
: 3)nvd3/angular-nvd3 vs c3/angular-c3-simple, 半斤八两吧。 nvd3直接expose

avatar
s*V
42
跟GOOGLE chart比呢?
avatar
k*t
43
google chart 视觉效果不错,但是太慢。数据量稍微大点点,比如几百个时间点的线条
图,用phantomjs capture的时候慢的哭,时间在分钟级别。

【在 s*****V 的大作中提到】
: 跟GOOGLE chart比呢?
avatar
y*a
45
自己试了下, tooltip seems to be the way to go

【在 y***a 的大作中提到】
: http://ecomfe.github.io/echarts/doc/example/tree.html#-en
: 新手问个问题, 上面这个树图,我怎么样改左边的源代码可以让我把鼠标放倒某个节
: 点时出个POPUP显示那个节点的信息(比如节点名字), 谢谢

avatar
p*a
46
借问下,有好用高速的grid吗,我用过telerik和infragistics的,都不够快,一万多
行数据。

【在 c******n 的大作中提到】
: select2?
: 那个ui-select 咋样
: 说到这个我想起来了 还有个ui-grid的坑还没填
: demo时候各种问题 当时糊弄过去了
: 现在还得重新换到smartTable

avatar
c*e
47
你是把1万多行数据一次全从server side取出来存在javascript里吗?还是用了
pagination,每页只有固定的20,50,100行数据?

【在 p*a 的大作中提到】
: 借问下,有好用高速的grid吗,我用过telerik和infragistics的,都不够快,一万多
: 行数据。

avatar
c*e
48
smartable一点都不smart啊。 没有多选checkbox.貌似它的search都是client side
filter一下,连http get/post都没用到。那个pagination,点击页数的时候,那个动画
spinner太丑了。说实话,我自己用jquery, angularjs做的2个版本都比它漂亮。

【在 c******n 的大作中提到】
: select2?
: 那个ui-select 咋样
: 说到这个我想起来了 还有个ui-grid的坑还没填
: demo时候各种问题 当时糊弄过去了
: 现在还得重新换到smartTable

avatar
j*g
49
看起来不错啊!
avatar
p*a
50
要一次全取,也不能pagination,因为要能动态多级分组。如果不用virtualization,
肯定慢得一逼,但是市面上的grid能同时无bug支持分组和virtualization的还没有。

【在 c*********e 的大作中提到】
: 你是把1万多行数据一次全从server side取出来存在javascript里吗?还是用了
: pagination,每页只有固定的20,50,100行数据?

相关阅读
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。