html D3byEX 5.9：带填充的范围带（适用于D3.js v4）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html D3byEX 5.9：带填充的范围带（适用于D3.js v4）相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <meta charset=utf-8>
<head>
    <meta name="description" content="D3.js v4, .scaleBand, .rangeRound,
                                     .padding, ordinal scale range bands" />
</head>
<body>
    <script src="http://d3js.org/d3.v4.js"></script>
    <script>
        var bands = d3.scaleBand() // v4
                      .domain([0, 1, 2])
                      .rangeRound([0, 100])
                      .padding([0.1]);
        console.log(bands.range());     // [0, 100]
        console.log(bands.bandwidth()); // 29
        console.log(bands.padding());   // 0.1
    </script>
</body>
</html>

以上是关于html D3byEX 5.9：带填充的范围带（适用于D3.js v4）的主要内容，如果未能解决你的问题，请参考以下文章

html D3byEX 5.8：范围频带（适应D3.js v4）

用带颜色字符填充图片

Qwt：带填充的曲线

Html.GetEnumSelectList - 获取带空格的枚举值

Matlab进阶绘图第13期—带填充纹理的堆叠图

带填充的固定定位