From 85031ef58bbd7a7e0038bc7b9e61885324b04677 Mon Sep 17 00:00:00 2001 From: jonasled Date: Fri, 5 Mar 2021 21:56:35 +0100 Subject: [PATCH] set custom color values on graph --- ts/jl-ntp-graph.ts | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/ts/jl-ntp-graph.ts b/ts/jl-ntp-graph.ts index 1a6873e..e32e8c5 100644 --- a/ts/jl-ntp-graph.ts +++ b/ts/jl-ntp-graph.ts @@ -55,10 +55,36 @@ function drawPlot(elementName:string, x:Date[], y:number[], title:string){ let score = { x: x, y: y, - mode: 'lines' + mode: 'lines', + marker: { + color: '#1cb09a' + } }; let layout = { - title: title, + title: { + text: title, + font: { + color: "#b3b3b3", + } + }, + plot_bgcolor: "#171e2b", + paper_bgcolor: "#171e2b", + xaxis: { + gridcolor: "rgb(68, 68, 68)", + zerolinecolor: "#b3b3b3", + linecolor: "#b3b3b3", + tickfont: { + color: "#b3b3b3", + }, + }, + yaxis: { + gridcolor: "rgb(68, 68, 68)", + zerolinecolor: "#b3b3b3", + linecolor: "#b3b3b3", + tickfont: { + color: "#b3b3b3", + }, + } }; let config = { responsive: true