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:
parent
7cabc1b7aa
commit
904328bfca
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user