Преобразование диаграммы JQuery в другой тип диаграммы

Question

На моей странице у меня есть диаграммы, созданные с использованием Jquery Flot plugin, что отлично работает.

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

Каков наилучший способ сделать это?

Это проект .Net с использованием MVC, поэтому я подумал, что если я сделаю 2 отдельных Partial Views, каждый из них с типом диаграммы (круговой диаграммой и гистограммой), может работать нормально, но, возможно, кто-то пропустит что-то например, это упростило, возможно, функцию преобразования круговой диаграммы в другой тип (в моем случае круговую диаграмму для гистограммы).

Answer 1

Вы можете сделать это прямо в javascript; просто повторно инициализировать таблицу с нужными параметрами:

if (doPie){ 
    $.plot($('#placeholder'), data, { 
     series: { 
      pie: { 
       show: true 
      } 
     } 
    }); 
} else if (doBar) { 
    $.plot($('#placeholder'), [data], { 
     series: { 
      bars: { 
       show: true 
      } 
     } 
    }); 
} else if (doLine) { 
    $.plot($('#placeholder'), [data], { 
     series: { 
      lines: { 
       show: true 
      } 
     } 
    }); 
} 

Обратите внимание, что, как вы передаете данные Литт отличается от баров/линий и круговой диаграммы. Строка/диаграмма за исключением нескольких рядов, поэтому сделайте массив, [data]. Круговая диаграмма исключает только одну серию, data.

Адрес fiddle.