как создать кнопку возврата в развернутом графике с помощью Kendo

Question

как создать кнопку возврата в развернутом графике с помощью Kendo

1

Мне нужно создать диаграмму Drill Down с помощью kendo, проблема в том, как я должен добавить кнопку внутри для возврата назад, например, в следующую демонстрационную версию:

HTML:

<div id="chart" style="float:left"></div>

Java Script:

    $("#chart").kendoChart({
      series: [{
        data: [1, 2],
        color: function(point) {
          if (point.value > 1) {
            return "red";
          }
        }
      }],

      seriesClick:seriesClick

    });

      function seriesClick(){
      $("#chart").kendoChart({
      series: [{
        data: [1, 1],
      }], 
    });

      }

когда вы нажимаете на диаграмму, он сверлит еще один график, но пути к основной диаграмме нет.

DEMO:

LIVE DEMO

mrslt 12 июнь 2018, в 14:55

Источник

Теги:

javascript

kendo-ui

1 ответ

Ещё вопросы

DontVoteMeDown · Accepted Answer · 2018-06-12T13-01-00.000Z

1

Лучший ответ

Просто отмените последний график, который вы создали с предыдущим, используя эту кнопку:

$('<button>Back</button>')
    .on("click", function() {
    createChart();
    $(this).remove();
})
.appendTo($('body'));

демонстрация

DontVoteMeDown 12 июнь 2018, в 13:01

0

Спасибо за решение, просто еще одна вещь, если также необходимо развернуть второй график, если я использую этот подход, я получу две кнопки Назад, что мне делать?
mrslt 12 июнь 2018, в 14:51
0

@mrslt Есть много способов для достижения этой цели, но я думаю, что ваши действия могут быть не лучшим подходом в зависимости от того, как вы извлекаете данные из своих диаграмм или насколько они больше. Однако, проверьте это , это может помочь вам.
DontVoteMeDown 12 июнь 2018, в 17:27
1

спасибо миллион, так как вы опытный человек, я был бы признателен, если бы вы сказали мне разумный подход, я получаю данные, которые я показываю их на графике, и, нажимая на каждую полосу, я получаю другую подгруппу панели, на которую нажимали, на другой диаграмме, поэтому подумал вместо этого лучше попробуйте детализировать график, теперь я все еще не уверен, что это хороший подход, но я хотел бы узнать вашу идею, спасибо заранее
mrslt 12 июнь 2018, в 20:14
0

@mrslt Я имею в виду «хороший подход» к тому, как обрабатывать сами данные, как вы их отображаете, я думаю, что это довольно приятно. Если все ваши данные локальны, то это проще, вы можете создать каждую диаграмму в отдельных div и скрыть и показать текущую диаграмму просмотра по мере навигации пользователя, или получить тот же экземпляр диаграммы, установить новые данные в своем источнике данных и обновить Это. Мне не очень нравится заново создавать график поверх другого, по крайней мере destroy его раньше или что-то в этом роде. в любом случае, пожалуйста.
DontVoteMeDown 12 июнь 2018, в 20:38

Показать ещё 2 комментария