covid bell curve line graph tracker

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

rafaelcota

@rafaelcota BTW, my resolution is 1920 x 1080 in an RPI 4

sdetweil

@rafaelcota and I am running this particular test on a 1920x1080 ubuntu… but my pi4 is just behind me at 3840x2160