ApextChart рисует небольшие значения - PullRequest
0 голосов
/ 05 августа 2020

Как нарисовать маленькие столбцы, когда значения слишком малы для рисования по сравнению с другими значениями?

Если у меня есть большие значения, приблизительно равные миллионам 999999, как нарисовать в библиотеке ApexChart небольшое значение, например 11 с всплывающей подсказкой?

Мне нужна минимальная высота столбца чертежа

мои параметры:

chart: {
    type: 'bar'
},
serials: [
    [[06 jul, 999999], [07 jul, 999999], [08 jul, 999999], [09 jul, 11]]
],
options: {
      chart: {
            zoom: {
                enabled: false
            },
            toolbar: {
                show: false,
            },
        },
        dataLabels: {
            enabled: false
        },
        colors: [options.color, '#000'],
        markers: {
            size: 4,
            opacity: 0.9,
            colors: [options.color],
            strokeColor: "#fff",
            strokeWidth: 2,
            hover: {
                size: 7
            }
        },
        grid: {
            borderColor: "#e0e0e0",
            strokeDashArray: 3,
            xaxis: {
                lines: {
                    show: true,
                }
            },
            yaxis: {
                lines: {
                    show: true
                }
            },
        },
        xaxis: {
            type: "datetime",
            labels: {
                show: true,
            },
            axisBorder: {
                show: true,
                color: '#78909C',
                height: 1,
                width: '100%',
                offsetX: 0,
                offsetY: 0
            },
            tickPlacement: 'on',
            crosshairs: {
                show: true,
                width: 2,
                position: 'back',
                opacity: 0.9,
                stroke: {
                    color: '#b6b6b6',
                    width: 0,
                    dashArray: 0
                },
                fill: {
                    type: 'solid',
                    color: options.color
                },
            },
            tooltip: {
                enabled: false
            }
        },
        tooltip: {
            theme: 'dark',
        },
        yaxis: {
            axisTicks: {
                show: true
            },
            axisBorder: {
                show: true,
                color: '#78909C',
                offsetX: 0,
                offsetY: 0
            },
            crosshairs: {
                width: 2
            },
        }
    };
};

введите описание изображения здесь

Спасибо за ответы!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...