FlowFuse / FlowFuse/node-red-dashboard

fill area under chart line

Open
#1,634 2 comments 0 reactions 0 assignees View on GitHub
needs-triage type:feature
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 20h
Merged PRs (30d)
24

Description

### Description

is it possible to fill the area under the chart line easyly?
Chart.js is doing this with the properties fill and backgroundColor of the datasets element.

const data = {
labels: ["1 Dec", "8 Dec", "16 Dec", "31 Dec"],
datasets: [
{
label: "Sales Made",
data: [3, 7, 4, 5],
borderColor: ["#03A9F5"],
fill: true,
backgroundColor: 'pink'
},
],
};
How can I do this in dashbord 2.0 chart?

### Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue provides no file, test, or entry point. Start by locating the Dashboard 2.0 chart implementation and its handling of dataset properties such as fill and backgroundColor; done means the requested area fill and color can be configured and the relevant checks pass.

Written by the indexing model from the issue text.

Assessment

Tech stack
chart.js
Domain
data-visualization
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.