Как отобразить наименьшие значения на графике двойного y, если есть очень большое значение - PullRequest
Новая
       34

Как отобразить наименьшие значения на графике двойного y, если есть очень большое значение

0 голосов
/ 27 апреля 2020

Я создал график столбцов с помощью Google-диаграммы с month по оси X. У меня есть два свойства, сумма и количество контрактов , которые должны быть размещены на оси Y. Итак, я изменил столбчатую диаграмму на двойную Y-диаграмму. Добавлена ​​серия и оси в конфигурацию столбцовой диаграммы, чтобы сделать ее диаграммой двойного Y. У меня есть 2 значения, одно из которых 500k , а другое - просто 50 . Проблема в том, что столбец для 50 не отображается. Я добавил значение vAxis.viewWindow.min. Но на диаграмме не отображается самое низкое значение. 

config5 = new ColumnChartConfig('',{
                        0: { axis: 'amount',viewWindow: { min: 50 } }, // Bind series 0 to an axis named 'contract'.
                        1: { axis: 'contract'} // Bind series 1 to an axis named 'amount'.
                    },
                    {
                        y: {
                        amount: {label:'Amount', // Left y-axis.
                        contract: {side: 'right', label: 'Contract' // Right y-axis.
                        }
                    },{},{},  width, '100%', {
                            height: '100%',
                            width: '100%',
                            top: 0,
                            left: 0,
                            bottom: 0,
                            right: 0
                    });

Пример данных 

[["2019-5-01","0","0"],
["2019-6-01","0","0"],
["2019-7-01","0","0"],
["2019-8-01","0","0"],
["2019-9-01","0","0"],
["2019-10-01","0","0"],
["2019-11-01","0","0"],
["2019-12-01","0","0"],
["2020-1-01","0","0"],
["2020-2-01","0","0"],
["2020-3-01","88","1"],
["2020-4-01","98835","2"]]

Чертежная диаграмма 

data5 = [month,amount,contract]
let array = element;
            array[0] = new Date(array[0]).getMonth() == 0 ? new 
            Date(array[0]).getFullYear().toString() : moment(new 
            Date(array[0])).format("MMM");
            array[1] = parseInt(array[1]);
            array[2] = parseInt(array[2]);
            this.data5.push(array);

Здесь config5 is конфигурация для диаграммы и data5, массив, в котором хранятся данные. В моем проекте график рисуется путем вызова службы.

Переменная конфигурации 

 options = {
        title: title,
        series : series,
        axes: axes,
        hAxis: hAxis,
        vAxis: vAxis,
        width: width,
        height: height,
        chartArea: config.chartArea
  };
...