0

Здравствуйте.

Готовлю массив данных для графика KPI

функция подготовки данных

function culcJson() {
            var jsonObj = ${json_text};
            var newJSON=[];
var KPI=[];
                var jsonResult = [];
                var a = 0;
                do {
                    var value=jsonObj.SucceededCount[a].SucceededCount_MEAS_VALUE/(jsonObj.SucceededCount[a].SucceededCount_MEAS_VALUE+jsonObj.FailedCount[a].FailedCount_MEAS_VALUE)*100;
                    KPI.push(value);
                    a += 1;
                } while (a < jsonObj.FailedCount.length)
                return KPI;
            }

для графической части использую

$(function () {
                var KPI=[];
                var jsonObj = ${json_text};
                if (jsonObj!=null){KPI=culcJson();}

                $('#container4').highcharts({
                    chart: {
                        zoomType: 'x'
                    },
                    title: {
                        text: '${TITLE}'
                    },
                    xAxis: {
                        categories: [<c:forEach var="row" items="${SCRIPT_FailedCount.rows}">"${row.DATE__CURRENT__CHECK}",</c:forEach>]
                    },
                    yAxis: {
                        title: {
                            text: ''
                        }
                    },
                    plotOptions: {
                        area: {
                            fillColor: {
                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, Highcharts.getOptions().colors[0]],
                                    [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                                ]
                            },
                            marker: {
                                radius: 2
                            },
                            lineWidth: 1,
                            states: {
                                hover: {
                                    lineWidth: 1
                                }
                            },
                            threshold: null
                        }
                    },

                    series: [
                        {
                            name: 'KPI',
                            data: KPI
                        }
                    ]
                });
            });

Если оставить в таком виде как указано выше, то все OK. График отображается, НО мне захотелось уменьшить до 2-х количество знаков после запятой у значений KPI. простым toFixed(2)

KPI.push(value.toFixed(2));

после этого график перестал отображаться.

Ошибок в консоли нет.

В чем может быть проблема и как ее решить?

5
  • чисто интуитивно, вас не смущаешь что toFixed возвращает строку, а у вас было число? Может оно где-то внутри графика и тайпкастится, а может и нет. Commented 1 дек. 2016 в 9:50
  • догадывался, что проблема где-то в этом :-) да было число... Commented 1 дек. 2016 в 9:52
  • ну я не уверен что проблема в этом, надо отлаживаться по-хорошему. но как вариант стоит посмотреть Commented 1 дек. 2016 в 9:56
  • вобщем собака была зарыта именно в этом. Commented 1 дек. 2016 в 11:03
  • сейчас как полноценный ответ тогда оформлю Commented 1 дек. 2016 в 11:32

1 ответ 1

0

Проблема в том, что метод toFixed возвращает строку, а не число.

var myNumber = 3.14159;
typeof(myNumber.toFixed(2)); // string

Видимо обратное преобразование типов на уровне компонента не выполняется, или выполняется криво.

Что делать?
1). Вместо использования toFixed округлить до нужной точности с помощью Math.round. Это самый корректный способ. toFixed в некоторых случаях округляет математически неверно. что-то вроде:

var roundedNumber = Math.round(myNumber * 100) / 100;

Math.round округляет целое число, поэтому мы умножаем-делим на 10*(нужное количество знаков).

2). Но если мы не боимся ошибиться на +-1 в последнем знаке, то можно воспользвоаться и toFixed, просто привести результат toFixed к числу.

var roundedNumber = +myNumber.toFixed(2);

или

var roundedNumber = parseFloat(myNumber.toFixed(2));

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.