साथ बर का उपयोग करते हुए मैं एक बर टेम्पलेट है मैं कि template.Graph में d3 से उत्पन्न एक svg ग्राफ शामिल करने के लिए टेम्पलेट के अंदर होना चाहिएD3.js
डी 3 ग्राफ़
var dataset = [1200,3000,3200];
// dataset will change dynamically.
<script type="text/javascript">
var w = 154;
var h = 42;
var rect_1_h = 5;
var rect_2_h = rect_1_h * 2;
var rect_2_w = rect_1_h/2;
var rect_1_color = "#A1C9D9";
var rect_2_color = "#999999";
var text_color = "#555555";
var font_size = 18;
var font_family = "Segoe UI"
var dataset = [1200,3000,3200];
/*------controller----*/
var xScale = d3.scale.linear().domain([dataset[0],dataset[2]])
.range([0,w]);
var svg = d3.select("body").append("svg").attr("width",w).attr("height",h);
var rect1 = svg.append("rect").attr("x",0).attr("y",3*h/4).attr("width",w).attr("height",rect_1_h)
.style("fill",rect_1_color);
var rect2 = svg.append("rect").attr("x",xScale(dataset[1])).attr("y",3*h/4-rect_1_h/2).attr("width",rect_2_w)
.attr("height",rect_2_h).style("fill",rect_2_color);
//var texts = svg.selectAll("text").data(dataset).enter().append("text").text(function(d){ return d; }).attr("fill","red").attr("x",function(d,i){ return i*50 }).attr("y",30)
var text1 = svg.append("text").attr("x",2).attr("y",h/3+2).text(dataset[0]).style("fill",text_color)
.attr("font-size",font_size).attr("font-family",font_family);
var text2 = svg.append("text").attr("x",w-42).attr("y",h/3+2).text(dataset[2]).style("fill",text_color)
.attr("font-size",font_size).attr("font-family",font_family);
</script>
बर टेम्पलेट
चाहते<script id="datatemplate" type="text/x-handlebars-template">
{{#each objects}}
<tr>
<td>{{lp}}<span class="text1">{{lp2}}</span></td>
<td>{{dc}}<span class="text1">{{dc2}}</span></td>
<td>{{lp}}<span class="text1">{{lp2}}</span></td>
</tr>
{{/each}}
</script>
आप शायद इस पढ़ना चाहिए :) http://nocircleno.com/blog/svg-and-handlebars-js-templates/ इसके अलावा अपने प्रश्न बहुत अस्पष्ट है, तो आप वर्णित नहीं किया है क्या आप समस्याओं क्या हो रहा है और आपने किस समाधान की कोशिश की है। – GEMI
कृपया अपने प्रश्न को स्पष्ट करें। टेम्पलेट में आप चार्ट चाहते हैं? (चार्ट?) क्या टेम्पलेट फिर से प्रस्तुत किया जाता है? क्या चार्ट (डेटा) डेटा बदलता है? आप अपने टेम्पलेट को क्यों प्रस्तुत नहीं कर सकते हैं, फिर 'शरीर' के बजाय 'd3.select ('# templateResult')'? – natevw