Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [ entityA : [ { time : 1230000, // time since epoch
- attribute1 : 123 // numeric value
- attribute2 : 123 // numeric value
- },
- { time : 1230010, // time since epoch
- attribute1 : 123 // numeric value
- attribute2 : 123 // numeric value
- } ],
- entityB : [ { ... // same format as above
- ...
- ]
- var line = d3.svg.line()
- .x(function(d) {
- return x_scale(d.c_date));
- })
- .y(function(d) {
- return y_scale(d.total);
- });
- canvas.append("svg:path")
- .attr("d", line(data[entity]))
- var width = 400;
- var height = 400;
- var svg = d3.select('body')
- .append('svg')
- .attr('width', width)
- .attr('height', height);
- //The data for our line
- var lineData = [{
- "x": 1,
- "y": 5
- },
- {
- "x": 20,
- "y": 20
- },
- {
- "x": 40,
- "y": 10
- },
- {
- "x": 60,
- "y": 40
- },
- {
- "x": 80,
- "y": 5
- },
- {
- "x": 100,
- "y": 60
- }
- ];
- //The line SVG Path we draw
- var lineGraph = svg.append("path")
- .attr("d", d3.line()
- .x(d => d.x)
- .y(d => d.y)
- .curve(d3.curveLinear)(lineData))
- //.curve(d3.curveBasis)(lineData)) //Draws smooth joints- yumuşak birleşim noktası(mafsal) çizer
- .attr("stroke", "blue")
- .attr("stroke-width", 2)
- .attr("fill", "none");
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement