[Bug]: Dygraph charts not changing colours when "data-colors" amended. #463

Activity

1. loveaj

   added

   bugSomething isn't workingSomething isn't working

   needs triage

   on Mar 22, 2023
2. hugovalente-pm commented on Mar 22, 2023

   

   hugovalente-pm

   on Mar 22, 2023

   Contributor

   More actions

   @novykh is this something specific to the netdata/dashboard repo or generic to charts?
3. ktsaou commented on Mar 22, 2023

   

   ktsaou

   on Mar 22, 2023

   Member

   More actions

   @loveaj it works like this:

   <div data-netdata="apps.cpu"
                data-width="100%"
                data-height="300px"
                data-after="-60"
                data-points="60"
                data-debug="false"
                data-decimal-digits="0"
                data-dt-element-name="time903"
                data-colors="#000000 #111111 #222222 #333333 #444444"
           ></div>

   Result:

   

   Without data-colors is like this:

   

   The dashboard appends also the normal pallet to your colors, so that if the chart needs more colors, it will have them.
4. hugovalente-pm

   transferred this issue fromnetdata/netdata-cloudon Mar 22, 2023
5. loveaj commented on Mar 22, 2023

   

   loveaj

   on Mar 22, 2023

   Last edited by loveaj

   Author

   More actions

   @ktsaou That is exactly what I am doing. In your example I initially code the chart as:

   <div data-netdata="apps.cpu" data-width="100%" data-height="300px" data-after="-60" data-points="60" data-debug="false" data-decimal-digits="0" data-dt-element-name="time903" data-colors="#000000 #111111 #222222 #333333 #444444" ></div>

      Then at some point I decide I want a different colour palette and so I change the code to:
   
      `<div data-netdata="apps.cpu"
            data-width="100%"
            data-height="300px"
            data-after="-60"
            data-points="60"
            data-debug="false"
            data-decimal-digits="0"
            data-dt-element-name="time903"
            data-colors="#555555 #666666 #777777 #888888 #999999"
       ></div>`
   

   But when I display the chart the colours remain just as they did before.
6. loveaj commented on Mar 22, 2023

   

   loveaj

   on Mar 22, 2023

   Author

   More actions

   It's only seems to be a problem with the dygraph chart type.
   The google chart type works ok but I can't use that because it makes a call out to an external google api which is blocked by our firewall.
7. loveaj commented on Mar 30, 2023

   

   loveaj

   on Mar 30, 2023

   Author

   More actions

   Is anyone able to reproduce this behaviour and investigate?