# Custom dashboard - Chart data-before and data-after change not refreshing chart

**URL:** https://community.netdata.cloud/t/custom-dashboard-chart-data-before-and-data-after-change-not-refreshing-chart/4900
**Category:** Help
**Tags:** cloud, dashboard
**Created:** [November 22, 2023, 5:52pm UTC](https://community.netdata.cloud/t/custom-dashboard-chart-data-before-and-data-after-change-not-refreshing-chart/4900 "2023-11-22T17:52:26Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![andrewlove](https://avatars.discourse-cdn.com/v4/letter/a/f4b2a3/32.png) [@andrewlove](https://community.netdata.cloud/u/andrewlove)
#### Post date: [November 22, 2023, 5:52pm UTC](https://community.netdata.cloud/t/custom-dashboard-chart-data-before-and-data-after-change-not-refreshing-chart/4900/1 "2023-11-22T17:52:26Z")

</div>

I’m using React to create a custom Netdata dashboard. I have React components that each display a chart using the markup outlined in the Netdata custom dashboard documentation, e.g:

```auto
        <div data-netdata={targetData} 
              data-chart-library="dygraph" 
              data-dygraph-type="sparkline"
              data-title="" 
              data-width="95%"
              data-height="260px"
              data-after="-300"
              data-append-options="match-ids"
              data-dygraph-valuerange="[0, null]"
              data-dygraph-strokewidth="1.5"
              data-dimensions="system_min_cpu_utilisation,system_avg_cpu_utilisation,system_max_cpu_utilisation"
              data-colors="#ef5675 #ffa600 #7a5195"
>

```

I’m now trying to implement a date/time picker to change the `data-after` element. If I inspect the page markup in Chrome I can see the `data-after=` tags changing correctly but the chart does not change. I’m pretty sure React is re-rendering the component correctly but `dashboard.js` doesn’t seem to pick this up.

How do I go about re-rendering a Netdata chart in this way?

Many thanks