1
0
mirror of https://github.com/yldio/copilot.git synced 2024-11-10 21:30:06 +02:00

spikes: plotly customisation

It seems that customising plotly can become difficult once introducing
more unique properties to the style of a graph. In this case changing
the colour of a graph was easy, but adding a border to the top of the
graph only becomes cumberson.
This commit is contained in:
Tom Gallacher 2016-11-08 15:18:07 +00:00
parent 7cabc1b7aa
commit 904328bfca

View File

@ -16,23 +16,29 @@ const PlotlyGraph = React.createClass({
const datatime = data.map((d, i) => i);
const graphTypes = [{
type: 'scatter',
mode: 'lines+markers'
type: 'bar',
marker: {
color: 'rgba(205, 54, 54, 0.3)'
}
}, {
type: 'bar'
type: 'bar',
marker: {
color: 'rgba(54, 74, 205, 0.3)'
}
}];
const graphs = graphTypes.map((graphType, i) => {
const data = {
type: graphType.type,
mode: graphType.mode,
marker: graphType.marker,
x: datatime,
y: cpu
};
const layout = {
barmode: graphType.mode
}
};
return (
<Plotly