第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

d3 如何創(chuàng)建不同顏色的堆棧圖

d3 如何創(chuàng)建不同顏色的堆棧圖

FFIVE 2019-03-22 22:19:25
想要的效果是這樣的：使用d3的堆棧柱狀圖（stacked bar chart）來實現(xiàn)，但是得到的結(jié)果卻是：兩個不同柱的顏色是一樣的，代碼可以看這里。問題就是，我要怎樣才能創(chuàng)建出我想要的那種，每個柱的顏色不同的柱狀圖 ？ 謝謝啦~
查看完整描述

2 回答

?
慕運維8079593

TA貢獻1876條經(jīng)驗 獲得超5個贊

使用一個一個函數(shù)來生成fill的值，比如上面的例子，我們作如下修改，就可以實現(xiàn)不同柱不同顏色了：

var layer = svg.selectAll(".stack")

            .data(dataStackLayout)

            .enter().append("g")

            .attr("class", "stack")

            

            // 注釋掉下面代碼

            /* .style("fill", function (d, i) {

                return color(i);

            }); */


    layer.selectAll("rect")

            .data(function (d) {

                return d;

            })

            .enter().append("rect")

            .attr("x", function (d) {

                return x(d.x);

            })

            .attr("y", function (d) {

                return y(d.y + d.y0);

            })

            .attr("height", function (d) {

                return y(d.y0) - y(d.y + d.y0);

            })

            .attr("width", x.rangeBand())

            

            // 增加下面代碼

            .style("fill", function (d, i, j) {  // 三個參數(shù)分別是：d 數(shù)據(jù)，i 當前rect的序號，j 當前rect 的父元素的序號

               return color((j * 2) + i);

            });

           


查看完整回答
反對 回復 2019-04-09
  • 2 回答
  • 0 關注
  • 993 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號