# Chart on the Dashboard Looks Different From the Preview In 'Add Chart to Dashboard\`Modal

**URL:** https://community.netdata.cloud/t/chart-on-the-dashboard-looks-different-from-the-preview-in-add-chart-to-dashboard-modal/2196
**Category:** Help
**Tags:** cloud
**Created:** [November 23, 2021, 7:09am UTC](https://community.netdata.cloud/t/chart-on-the-dashboard-looks-different-from-the-preview-in-add-chart-to-dashboard-modal/2196 "2021-11-23T07:09:26Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![njpau](https://yyz1.discourse-cdn.com/flex029/user_avatar/community.netdata.cloud/njpau/32/1307_2.png) [@njpau](https://community.netdata.cloud/u/njpau)
#### Post date: [November 23, 2021, 7:09am UTC](https://community.netdata.cloud/t/chart-on-the-dashboard-looks-different-from-the-preview-in-add-chart-to-dashboard-modal/2196/1 "2021-11-23T07:09:27Z")

</div>

I’m using Google Chrome Version 96.0.4664.45 on my windows machine. I’ve got netdata agents set up on certain nodes that I want to monitor, and I’ve set up a WarRoom for these nodes. I’m now attempting to create 2 dashboards - one to monitor the disk space available on the nodes and another to monitor the RAM consumption on these nodes.

Workflow:

- I’ve created a test dashboard and I’ve clicked on the ‘ADD CHART’ button which brings up the ‘Add Chart to Dashboard modal’
- I select my node and my context. As can be seen in the image below, the desired chart is previewed correctly, as expected. ![Capture52](https://canada1.discourse-cdn.com/flex029/uploads/netdata2/original/2X/9/9d09e818abccbed28dd72d757ac53ef9c306b60c.png)
- The chart now appears on my dashboard but looks completely different from what was shown in the modal. ![Capture53](https://canada1.discourse-cdn.com/flex029/uploads/netdata2/original/2X/a/a5e4ef27075c22da88c51dc8d1537359f3c606d7.png)

The same issue happens for the system.ram graph as well. Has this been reported previously? Happy to provide any more info to help debug this further.

---

<div class="post-metadata">

### Author: ![hugo](https://yyz1.discourse-cdn.com/flex029/user_avatar/community.netdata.cloud/hugo/32/3714_2.png) [@hugo](https://community.netdata.cloud/u/hugo)
#### Post date: [November 23, 2021, 12:29pm UTC](https://community.netdata.cloud/t/chart-on-the-dashboard-looks-different-from-the-preview-in-add-chart-to-dashboard-modal/2196/2 "2021-11-23T12:29:45Z")

</div>

Hi njpau,

Thanks for reaching out to us on this.

To answer your last question this is the first time we see this being reported, I also tried to reproduce this both in our staging and production environment but couldn’t.

To try and help you could please answer some questions?

- The issue that your reporting is that a chart that you were expecting to be an “Area chart”, as in the preview, suddenly becomes a “Line chart”, right?
- Do have the Charts 2.0 toggle disabled?
- Does this happen other types of charts?
- Can you check your developer devtools (e.g for [chrome](https://developers.google.com/web/tools/chrome-devtools/open)) and see if any error comes on your console?

---

<div class="post-metadata">

### Author: ![njpau](https://yyz1.discourse-cdn.com/flex029/user_avatar/community.netdata.cloud/njpau/32/1307_2.png) [@njpau](https://community.netdata.cloud/u/njpau)
#### Post date: [November 24, 2021, 1:18am UTC](https://community.netdata.cloud/t/chart-on-the-dashboard-looks-different-from-the-preview-in-add-chart-to-dashboard-modal/2196/3 "2021-11-24T01:18:05Z")

</div>

Hi Hugo,

Thanks for checking this out. Here are my answers to your questions:

- The issue that your reporting is that a chart that you were expecting to be an “Area chart”, as in the preview, suddenly becomes a “Line chart”, right?
  - Yes, that is correct. I would like my dashboard to have the Area charts.

- Do have the Charts 2.0 toggle disabled?
  - I did have the Charts2.0 toggle disabled when reporting this issue. I have tried enabling it, but the problem still persists, but looks nicer 🙂

- Does this happen other types of charts?
  - Yes, this happens with all charts. All area graphs turn into line graphs. I do have to save it and reload the page to see it happen though.

- Can you check your developer devtools (e.g for [chrome](https://developers.google.com/web/tools/chrome-devtools/open)) and see if any error comes on your console?
  - Really wish I could give you some good news here, but no unfortunately no error messages on the console.  
 ![Capture54](https://canada1.discourse-cdn.com/flex029/uploads/netdata2/original/2X/2/2f65402f5d62dd5356a150591ec81bf302571f52.png)

---

<div class="post-metadata">

### Author: ![hugo](https://yyz1.discourse-cdn.com/flex029/user_avatar/community.netdata.cloud/hugo/32/3714_2.png) [@hugo](https://community.netdata.cloud/u/hugo)
#### Post date: [November 24, 2021, 9:14am UTC](https://community.netdata.cloud/t/chart-on-the-dashboard-looks-different-from-the-preview-in-add-chart-to-dashboard-modal/2196/4 "2021-11-24T09:14:50Z")

</div>

Thanks for giving us some more details, with this tip “I do have to save it and reload the page to see it happen though.” I was able to reproduce it, here is the GitHub issue [[BUG] Chart type definitions aren't applied when loading the custom dashboard · Issue #199 · netdata/netdata-cloud · GitHub](https://github.com/netdata/netdata-cloud/issues/199)

Also thank you for the feedback on Charts 2.0 😊
