function lineChart(mgCell) { width = mg.info(mgCell).width; height = mg.info(mgCell).height; margin = mg.info(mgCell).margin; var g = mg.getCell(mgCell); var data = d3.range(0,100,1).map(function(d) { return {x:d,y:Math.pow(d,mgCell)} }) var x = d3.scaleLinear() .domain(d3.extent(data, function(d) { return d.x;})) .range([0,width]) .nice(); var y = d3.scaleLinear() .domain(d3.extent(data, function(d) { return d.y;})) .range([height,0]) .nice(); var color = d3.scaleOrdinal(d3.schemeCategory10) .domain(d3.range(1,6,1)) var line = d3.line() .x(function(d) { return x(d.x)}) .y(function(d) { return y(d.y)}); g.append("g") .attr("transform", "translate(0," + height + ")") .call(d3.axisBottom(x)) g.append("g") .call(d3.axisLeft(y).tickFormat(d3.format('.2m'))) g.selectAll(null) .data([data]) .enter() .append("path") .attr("d", line) .style("fill","none") .style("stroke", color(mgCell)); }