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

[maloneleo88]

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

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

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

[yulon]

D3 是开源的啊。。。

这只是一个库，你找到别人怎么用的

[nannanziyu]

阈（ yu4 ）值

[AV1]

cloudflare 是 CDN，D3.js 是可视化库，你想了解的是这个 CDN 网站，还是 D3.js 这个库？

[no1xsyzy]

> 这大神全站是不是都是用 js 写的呀···
说不定别人是用 C++ 写的网站呢？（狗头

[dongtingyue]

有点莫名奇妙

[jiyinyiyong]

翻了一下没看明白, 可能楼下得自己扒源码去找找? https://github.com/d3/d3-scale-chromatic/tree/v2.0.0

[maloneleo88]

@nannanziyu 😂


@yulon
@DOLLOR
@jiyinyiyong

也就是说直接用 d3.js 这个库绘制矢量图，至于后台数据判定这一块是看不到的是嘛？我就是想知道他是用哪些条件给矢量图渲染颜色，感觉他的模型挺牛的

[maloneleo88]

@jiyinyiyong 我去研究研究 估计是看不出个所以然的，我是小白一个

[maloneleo88]

@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]

两个的三元表达式, 小数省略 0.

对应

```
if (i < 0.4) {
"red"
} else if (i < 0.6) {
rgb(..)
} else {
"green"
}
```

[maloneleo88]

@jiyinyiyong 谢谢，那我明白了，应该是圆面积 = 1 如果多边形占圆面积没达到 0.4/1 就是红的，04-0.6 是褐色， >0.6 就是绿的了。 谢谢，谢谢