使用D3.js的自定义轴和图例

Question

我的数据集是

var data = [
        [2010,"Internet",19],
        [2010,"Water",20],
        [2011,"Internet",36],
        [2011,"Water"‌​,44],
        [2012,"Internet",51],
        [2012,"Water",53],
        [2013,"Internet",39],
        [2013,"Water",30]
       ]

var allHeights = [-250,-215,-185,-140, -85, 40, 85, 140, 185, 215, 250];
var allColors = [
            d3.rgb(203,23,23),d3.rgb(108,74,246),d3.rgb(9,235,175),d3.rgb(159,172,38),d3.rgb(236,105,18),
            d3.rgb(137,195,95),d3.rgb(241,137,108),d3.rgb(253,233,127),d3.rgb(109,151,216),d3.rgb(15,199,58)
         ];

1. 我想在svg的最右边画一个y轴。轴应分为对应于＆＃34; allHeights＆＃34;每个点都应标有 年（即数据[i] [0]）。
2. 我想为数据[i] [2]绘制一个图例，并用allColors [i]填充每个图例。

请帮忙