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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2046 days ago, the information mentioned may be changed or developed.

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

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

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

矢量图

判定

svg

阀值

11 replies

yulon

Mar 30, 2021

D3 是开源的啊。。。

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

nannanziyu

Mar 30, 2021 via Android

阈（ yu4 ）值

AV1

Mar 30, 2021

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

no1xsyzy

Mar 30, 2021

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

dongtingyue

Mar 30, 2021

有点莫名奇妙

jiyinyiyong

Mar 30, 2021

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

maloneleo88

Mar 30, 2021 via Android

@nannanziyu 😂

@yulon
@DOLLOR
@jiyinyiyong

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

maloneleo88

Mar 30, 2021 via Android

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

maloneleo88

Mar 31, 2021

@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

Apr 1, 2021

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

对应

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

maloneleo88

Apr 1, 2021

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