Диаграмма кендо изменяет ширину при нажатии на легенду - PullRequest
Новая
       11

Диаграмма кендо изменяет ширину при нажатии на легенду

0 голосов
/ 12 мая 2018

У меня есть следующее определение кендо: 

$("#availabilityChart").kendoChart({
                seriesDefaults: {
                    type: "column"
                },
                legend: {
                    position: "bottom",
                },
                seriesColors: ["#1C64AF"],
                series: [{
                    name: availabilityDataSelector,
                    data: seriesData,
                    field: "metricValue",
                    categoryField: "month",
                }],
                categoryAxis: [{
                    type: "date",
                    baseUnit: "months",
                    labels: {
                        dateFormats: {
                            days: "MMM"
                        }
                    }
                }],
                valueAxis: [{
                    labels: {
                        format: "{0}%"
                    },
                    line: {
                        visible: false
                    },
                    axisCrossingValue: 0
                }],
                tooltip: {
                    visible: true,
                    format: "{0}%",
                    template: "#= series.name #: #= value #"
                }
            });

Во-первых, диаграмма не является полной шириной содержащего div - что я хотел бы иметь.

Во-вторых, когда янажмите на элемент в легенде (у меня есть только один), диаграмма изменится и станет шириной 100% - как я могу получить это с самого начала?

Наконец, я хочу отключить щелчок на легенде.Я просто хочу, чтобы он показывался, но убрал возможность нажимать на предметы.

Спасибо.

1 Ответ

0 голосов
/ 14 мая 2018

Чтобы предотвратить поведение нажатия легенды, используйте событие legendItemClick : 

legendItemClick : function ( e ){
    e.preventDefault();
},

Если у вас нет CSS, переопределяющего ширину, диаграмма должна автоматически заполнить контейнерширина.

DEMO

...