Open caiofcm opened 4 years ago
Hello,
See the CSS reference in the doc : https://dygraphs.com/css.html
You can use DyGraph JS options for styling curves, points and so on :
var g = new Dygraph(
document.getElementById("graphDiv"),
data, {
series: {
Temperature: {
color: "yellow",
}
}
}
You can use CSS class for styling title, labels, legend and background color like so :
/* Chart background */
#graphDiv{
background:#000;
}
/* Legend */
.dygraph-legend > span {
color: #fff ;
}
/* Title: */
.dygraph-label, .dygraph-title{
color:#fff;
}
/* x-axis label: */
.dygraph-label, .dygraph-xlabel{
color:#fff;
}
/* y-axis label: */
.dygraph-label, .dygraph-ylabel{
color:#fff;
}
/* y2-axis label: */
.dygraph-label, .dygraph-y2label{
color:#fff;
}
/* x-axis label: */
.dygraph-axis-label, .dygraph-axis-label-x{
color:#fff;
}
/* y-axis label: */
.dygraph-axis-label, .dygraph-axis-label-y{
color:#fff;
}
/* y2-axis label */
.dygraph-axis-label, .dygraph-axis-label-y, .dygraph-axis-label-y2{
color:#fff;
}
How can I reproduce the
dygraphs
dark mode example:http://dygraphs.com/gallery/#g/range-selector
Any guidance on how to properly adjust the class of the div container?
Thank you.