Uses class
This commit is contained in:
		
							parent
							
								
									6b3d2f0c8b
								
							
						
					
					
						commit
						77c1dada2f
					
				| 
						 | 
				
			
			@ -171,34 +171,30 @@ class Chartigo {
 | 
			
		|||
    this.dataPoints = [this.getDatapoints('primary')];
 | 
			
		||||
 | 
			
		||||
    // Scales.
 | 
			
		||||
    let xScale;
 | 
			
		||||
 | 
			
		||||
    const xMin = d3.min(attrs.data.primary.xs);
 | 
			
		||||
    const xMax = d3.max(attrs.data.primary.xs);
 | 
			
		||||
 | 
			
		||||
    if (attrs.scale === 'linear') {
 | 
			
		||||
      xScale = d3.scaleLinear()
 | 
			
		||||
      this.xScale = d3.scaleLinear()
 | 
			
		||||
        .domain([
 | 
			
		||||
          attrs.minX || xMin,
 | 
			
		||||
          attrs.maxX || xMax
 | 
			
		||||
        ])
 | 
			
		||||
        .range([0, calc.chartWidth]);
 | 
			
		||||
    } else {
 | 
			
		||||
      xScale = d3.scaleLog()
 | 
			
		||||
      this.xScale = d3.scaleLog()
 | 
			
		||||
        .base(attrs.logBase)
 | 
			
		||||
        .domain([attrs.minX, attrs.maxX])
 | 
			
		||||
        .range([0, calc.chartWidth]);
 | 
			
		||||
    }
 | 
			
		||||
    this.xScale = xScale;
 | 
			
		||||
 | 
			
		||||
    const yMin = d3.min(attrs.data.primary.ys);
 | 
			
		||||
    const yMax = d3.max(attrs.data.primary.ys);
 | 
			
		||||
 | 
			
		||||
    const yScale = d3.scaleLinear()
 | 
			
		||||
    this.yScale = d3.scaleLinear()
 | 
			
		||||
      .domain([yMin, yMax])
 | 
			
		||||
      .range([calc.chartHeight, 0]);
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    const xDateScale3 = d3.scaleLinear()
 | 
			
		||||
      .domain([new Date(2012, 0, 1), new Date(2020, 0, 31)])
 | 
			
		||||
      .range([0, calc.chartWidth]);
 | 
			
		||||
| 
						 | 
				
			
			@ -211,22 +207,12 @@ class Chartigo {
 | 
			
		|||
 | 
			
		||||
    // Line generator.
 | 
			
		||||
    const line = d3.line()
 | 
			
		||||
      .x(function (d, i) {
 | 
			
		||||
        console.log("d", d, "i", i);
 | 
			
		||||
        return xScale(d.x);
 | 
			
		||||
      })
 | 
			
		||||
      .y(function (d, i) {
 | 
			
		||||
        console.log("d", d, "i", i);
 | 
			
		||||
        return yScale(d.y);
 | 
			
		||||
      });
 | 
			
		||||
      .x(d => this.xScale(d.x))
 | 
			
		||||
      .y(d => this.yScale(d.y));
 | 
			
		||||
 | 
			
		||||
    const area = d3.area()
 | 
			
		||||
      .x(function (d) {
 | 
			
		||||
        return xScale(d.x);
 | 
			
		||||
      })
 | 
			
		||||
      .y1(function (d) {
 | 
			
		||||
        return yScale(d.y);
 | 
			
		||||
      })
 | 
			
		||||
      .x(d => this.xScale(d.x))
 | 
			
		||||
      .y1(d => this.yScale(d.y))
 | 
			
		||||
      .y0(calc.chartHeight);
 | 
			
		||||
 | 
			
		||||
    // Add svg.
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user