V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
maloneleo88
V2EX  ›  JavaScript

[求教] 这个 js 里是不是有调用 XML 绘制 SVG 矢量图的代码?

  •  
  •   maloneleo88 · 2021-03-30 02:03:31 +08:00 · 1993 次点击
    这是一个创建于 1317 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js

    他的矢量图有 3 个判定,红,黄,绿。能看出来他的判定值嘛? 应该在哪里找? 看不懂,就是想知道,什么时候绿,什么时候黄,什么时候红。 阀值是多少, 这个在 js 能看出来嘛?

    这大神全站是不是都是用 js 写的呀···

    yulon
        1
    yulon  
       2021-03-30 03:53:47 +08:00
    D3 是开源的啊。。。

    这只是一个库,你找到别人怎么用的
    nannanziyu
        2
    nannanziyu  
       2021-03-30 08:25:44 +08:00 via Android
    阈( yu4 )值
    DOLLOR
        3
    DOLLOR  
       2021-03-30 08:52:30 +08:00
    cloudflare 是 CDN,D3.js 是可视化库,你想了解的是这个 CDN 网站,还是 D3.js 这个库?
    no1xsyzy
        4
    no1xsyzy  
       2021-03-30 09:56:58 +08:00
    > 这大神全站是不是都是用 js 写的呀···
    说不定别人是用 C++ 写的网站呢?(狗头
    dongtingyue
        5
    dongtingyue  
       2021-03-30 10:02:41 +08:00
    有点莫名奇妙
    jiyinyiyong
        6
    jiyinyiyong  
       2021-03-30 10:18:23 +08:00
    翻了一下没看明白, 可能楼下得自己扒源码去找找? https://github.com/d3/d3-scale-chromatic/tree/v2.0.0
    maloneleo88
        7
    maloneleo88  
    OP
       2021-03-30 12:30:19 +08:00 via Android
    @nannanziyu 😂


    @yulon
    @DOLLOR
    @jiyinyiyong

    也就是说直接用 d3.js 这个库绘制矢量图,至于后台数据判定这一块是看不到的是嘛?我就是想知道他是用哪些条件给矢量图渲染颜色,感觉他的模型挺牛的
    maloneleo88
        8
    maloneleo88  
    OP
       2021-03-30 12:34:48 +08:00 via Android
    @jiyinyiyong 我去研究研究 估计是看不出个所以然的,我是小白一个
    maloneleo88
        9
    maloneleo88  
    OP
       2021-03-31 16:24:19 +08:00
    @jiyinyiyong 我找到了老兄,但是看不懂 js

    color: i < .4 ? "red" : i < .6 ? "rgb(205, 144, 32)" : "green"

    这句话是什么意思?

    是 i< .4 red,i<.6 的话就是 rgb(205, 144, 32) , 其他都是 green 的意思吗?

    .4 .6 的含义是什么?
    jiyinyiyong
        10
    jiyinyiyong  
       2021-04-01 18:19:53 +08:00
    两个的三元表达式, 小数省略 0.

    对应

    ```
    if (i < 0.4) {
    "red"
    } else if (i < 0.6) {
    rgb(..)
    } else {
    "green"
    }
    ```
    maloneleo88
        11
    maloneleo88  
    OP
       2021-04-01 21:44:37 +08:00
    @jiyinyiyong 谢谢,那我明白了,应该是圆面积 = 1 如果多边形占圆面积没达到 0.4/1 就是红的,04-0.6 是褐色, >0.6 就是绿的了。 谢谢,谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3247 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:31 · PVG 20:31 · LAX 04:31 · JFK 07:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.