Динамически генерировать тип диаграммы Google из раскрывающегося списка

Question

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

В раскрывающемся списке хранится тип диаграммы в коде позади, и я пытаюсь вставить переменную VB.net в переменную диаграммы var.

var chart = new google.visualization. datachart (document.getElementById ('chart_div')); chart.draw (данные, параметры);

Значение жирным шрифтом определяет, какой график получает отображается (ColumnChart, Linechart и т.д.)

Как лучше всего это сделать?

Answer 1

Простой способ установить график в соответствии с тем, который Вы хотите сделать:

var chart; 
if(chartType== 'LineChart'){ 
    chart= new google.visualization.LineChart(document.getElementById('chart_div')); 
}else if(chartType== 'BarChart'){ 
    chart= new google.visualization.BarChart(document.getElementById('chart_div')); 
}// and so on 

chart.draw(data, options); 

Для более динамично, вам нужно будет использовать chartWrapper, который вы можете установить тип диаграммы с string или do:

chartWrapper.setChartType('LineChart'); 

Answer 2

Вы можете обрабатывать это несколькими способами. juvian указал несколько из них, но если вы хотите что-то более прямой от ASP.net:

var chart = new google.visualization.<%=chartType %>(document.getElementById('chart_div')); 

Где chartType является строкой, которая соответствует тип диаграммы, как "BarChart" или "LineChart".

Если вы идете по этому маршруту, вы должны проверить тип диаграммы на стороне сервера, чтобы вы не пытались получить доступ к типу диаграммы, который не существует.