Как я могу создать метку на гистограмме? - PullRequest
Новая
       11

Как я могу создать метку на гистограмме?

0 голосов
/ 18 января 2019

Я работаю над проверочным сайтом, чтобы проверить некоторую информацию о сайте пользователя.У меня есть диаграмма C3JS, настроенная со следующим кодом: 

window.onload = function () {
            var debug = {{ env('APP_DEBUG') }}
            console.log('Debug: ' + debug);

            var chart = c3.generate({
                data: {
                    columns: [
                        ['alpha', 100],
                        ['bravo', 100],
                        ['charlie', 50],
                        ['delta', 1],
                    ],
                    colors: {
                        'alpha': '#3FB34F',
                        'bravo': '#3FB34F',
                        'charlie': '#E8B30C',
                        'delta': '#EB370F',
                    },
                    type: 'bar',
                    labels: true,
                },
                bar: {
                    space: 0.05
                },
                axis: {
                    rotated: true
                },
            });

Этот код приводит к следующей диаграмме

chart

Как можноДобавить метку (например, альфа, браво ...) в зеленую / оранжевую / красную полосу вместо того, чтобы располагать их в нижней части графика?

new

1 Ответ

0 голосов
/ 25 января 2019

У меня нет готового решения, но я мог бы подумать о двух возможных решениях.

  1. Вы сможете создать пользовательскую легенду, как описано здесь: https://c3js.org/samples/legend_custom.html, а затем переместить эти метки на соответствующие столбцы, используя translate / transform и D3js.

  2. Вы можете попробовать переместить существующие метки с помощью D3 и перевести / преобразовать.

...