29 lines
829 B
JavaScript
29 lines
829 B
JavaScript
|
/* eslint-disable import/extensions */
|
||
|
|
import hbs from 'htmlbars-inline-precompile';
|
||
|
|
import { storiesOf } from '@storybook/ember';
|
||
|
|
import { withKnobs, object } from '@storybook/addon-knobs';
|
||
|
|
import notes from './http-requests-bar-chart.md';
|
||
|
|
|
||
|
|
const COUNTERS = [
|
||
|
|
{ start_time: '2019-04-01T00:00:00Z', total: 5500 },
|
||
|
|
{ start_time: '2019-05-01T00:00:00Z', total: 4500 },
|
||
|
|
{ start_time: '2019-06-01T00:00:00Z', total: 5000 },
|
||
|
|
];
|
||
|
|
|
||
|
|
storiesOf('HttpRequests/BarChart/', module)
|
||
|
|
.addParameters({ options: { showPanel: true } })
|
||
|
|
.addDecorator(
|
||
|
|
withKnobs()
|
||
|
|
)
|
||
|
|
.add(`HttpRequestsBarChart`, () => ({
|
||
|
|
template: hbs`
|
||
|
|
<h5 class="title is-5">Http Requests Bar Chart</h5>
|
||
|
|
<HttpRequestsBarChart @counters={{counters}}/>
|
||
|
|
`,
|
||
|
|
context: {
|
||
|
|
counters: object('counters', COUNTERS)
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
{notes}
|
||
|
|
);
|