beautify labels
This commit is contained in:
parent
85d345dd10
commit
2bcd62ebbe
@ -2,7 +2,7 @@ import React from 'react'
|
||||
import { Line, Bar } from 'react-chartjs-2'
|
||||
import debounceRender from 'react-debounce-render'
|
||||
|
||||
import { datasetTemplates, genOptions } from './chartOptions.js'
|
||||
import { datasetTemplates, genOptions, beautifyLabels } from './chartOptions.js'
|
||||
|
||||
export class Chart extends React.Component {
|
||||
render() {
|
||||
@ -10,7 +10,7 @@ export class Chart extends React.Component {
|
||||
let { tolRange, chart } = formState
|
||||
tolRange = tolRange || []
|
||||
|
||||
let labels = tolRange
|
||||
let labels = beautifyLabels(tolRange)
|
||||
// let labels = tolRange.map(x => Math.round(x * 1000) / 1000)
|
||||
let datasets = Object.keys(stats).map(name => ({
|
||||
...datasetTemplates[name],
|
||||
|
@ -74,3 +74,15 @@ export function genOptions(title, stacked = false, scaleY = 'linear') {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Show a maximum precision
|
||||
* @param {array} labels
|
||||
*/
|
||||
export function beautifyLabels(labels, precision = 5) {
|
||||
let prec = Math.pow(10, precision)
|
||||
return labels.map(label => {
|
||||
let rounded = Math.round(label * prec) / prec
|
||||
return rounded === 0 ? label : rounded
|
||||
})
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user