covid bell curve line graph tracker

sdetweil

@rafaelcota hm… I usually have this

		{
			module:"MyCovid19",
			disabled:false,
			position:"top_left",
			config:{
				states:["Michigan", 'Texas','Illinois', 'Florida','California','Louisiana','Washington','New York',],
				// line colors can be any definition of color either a name ,or a hex string
				// one per country above, used in order,
				line_colors:['red','white','green','yellow','#34ebde','#34eb00','purple','orange'],
				//				
				chart_type:"deaths",  // or "cumulative deaths"
				chart_title:"daily new deaths by state", // however u want to label
				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
				ranges:{min:0,max:000,stepSize:10},
				// size of the chart in pixels
			    width: 400,
			    height: 800,	
			    // only used if we need to debug something
			    //debug:true,
			    startDate:'03/10/2020',
			    debug:true,
			//    startLabel:['2/1/2020','3/1/2020']
			    //backgroundColor: 'white',
			}
		}

400x 400 (w x h)
alt text

but changed to 400 x 800 (w x h)

alt text

sdetweil

I added the calendar and changed to 300 x 800

alt text

rafaelcota

@sdetweil I know, that’s how it supposed to work, but not in my mirror… It’s driving me crazy… I’ve tried almost everything…

sdetweil

@rafaelcota when was the last time you did a git pull?

I just used your definition and changed height to 800 and it came out right… (wrong image before)
alt text

rafaelcota

@sdetweil I’ve just downloaded today, just a few minutes before I tried.

This is what I’m seeing right now with the following config (tried with states now):

            {
                            disabled: false,
                            module:"MyCovid19",
                            position:"top_center",
                            config:{
                                    states:['Kentucky','Colorado','Arizona'],
                                    line_colors:['red','white','green','yellow','blue'],
                                    chart_type:"cumulative_cases",  // or "cumulative deaths"
                                    chart_title:"Cumulative Cases", // however u want to label
                                    ranges:{min:0,max:8000,stepSize:10000},
                                    width: 200,
                                    height: 300,
                                    debug: true,
                            },
            },

alt text

sdetweil

I don’t use any special classes

          var c = document.createElement("div");   // < container for chart
          c.style.width = self.config.width + "px";
          c.style.height = self.config.height + "px";
          self.wrapper.appendChild(c);

          canvas = document.createElement("canvas");   // < --- chart itself
          canvas.id = "myChart" +self.ourID ;
          canvas.style.width = (self.config.width -10) + "px";
          canvas.style.height = self.config.height + "px";    
          canvas.style.backgroundColor=self.config.backgroundColor;
          c.appendChild(canvas);

sdetweil

@rafaelcota i don’t see it, but maybe there is a weird character between width and 400

so, take the space out, for both height and width

width:400,
height:800,

how big is your screen?

sdetweil

@rafaelcota great work!!..

for grins, edits the MyCovid19.js

line 168ish

          if (!self.config.stacked)
            c.style.display = 'inline-block';

comment out those two lines…

the prior module which I cloned had the ability to generate multiple charts at once,
but how that got set in your instance I have no idea…

rafaelcota

@sdetweil
This is what I’ve done so far:

I’ve deleted the spaces in height and width and numbers;
I’ve disabled ALL other modules, so this one runs alone;
I’ve commented out those two lines in MyCovid19.js

And all still the same…

It just gets the dimensions from wherever it gets them… so weird…

sdetweil

@rafaelcota but now it shouldn’t have inline-block applied, in the elements view