c-ctrl/infoscreens
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Simplify reference line configuration by picking colors from theme

Browse source
This commit is contained in:
Henri Bergius 2018-03-07 15:56:16 +01:00
parent 29d949ac0f
commit dd0847a6ae
2 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
elements/linechart.js
View file

@ -107,19 +107,24 @@ class LineChart extends Component {
return res;
});
const shapes = references.split(' ').map((spec) => {
const s = spec.split(',');
const shapes = references.split(' ').map((spec, idx) => {
let colorIdx = data.length + idx;
if (colorIdx > colors.length) {
// Start cycle again
colorIdx = idx;
}
let color = colors[colorIdx];
const res = {
type: 'line',
xref: 'paper', // x relative to [0,1] "paper" axis
yref: 'y',
x0: 0,
x1: 1,
y0: s[0],
y1: s[0],
y0: parseFloat(spec),
y1: parseFloat(spec),
line: {
color: s[1],
width: 2.5,
color,
width: 1,
},
};
return res;