var legendData = [{ color: "white", text: "MyData" }];
        var legends = svg.selectAll("g legends").data(legendData);
        var legendBox = legends.enter()
             .append("g")


       legendBox.append("line")
          .attr("x1", 200)
          .attr("x2", 215)
          .attr("y1", 24)
          .attr("y2", 24)
          .attr("stroke", "steelblue")
          .attr("stroke-width", "2")


        legendBox.append("line")
          .attr("x1", 200)
          .attr("x2", 215)
          .attr("y1", 12)
          .attr("y2", 12)
          .attr("stroke", "green")
          .attr("stroke-width", "2")


        legendBox.append("line")
          .attr("x1", 200)
          .attr("x2", 215)
          .attr("y1", 0)
          .attr("y2", 0)
          .attr("stroke", "red")
          .attr("stroke-width", "2")