metrics-chart
v1.0.15
Published
A chart based on [elastic chart](https://github.com/elastic/elastic-charts) visualize promethues data.
Downloads
244
Readme
Metrics Chart
A chart based on elastic chart visualize promethues data.
How To Install
npm install -S metrics-chart
How To Use
Sync cross hair for each metrics chart on PointerEvent
triggered
import { MetricsChart, SyncChartContext } from 'metrics-chart'
import { MetricsChartTheme } from 'metrics-chart/dist/theme'
import 'metrics-chart/dist/theme/light_theme.css'
import 'metrics-chart/dist/theme/dark_theme.css'
<MetricsChartTheme value="light">
<SyncChartPointer>
{metricsList.map((metrics) => (
<MetricsChart
queries={m.metrics}
range={range}
...
/>
))}
</SyncChartPointer>
</MetricsChartTheme>
How to Publish Package
npm install
npm run build
npm publish --access public