Передача динамических переменных в параметрах Google Charts
Я пытаюсь передать номер серии в параметре Google Chart через переменную. Однако он не принимает его как переменную, а вместо этого принимает как строку. На изображении Image1 вы можете видеть, что я передал в Series параметр SecondseriesColumnNumber как переменную и значение равно 1.
Однако на выходе он рассматривает его как строку, а не как номер серии, как показано ниже.
Изображение 2
Остальные параметры учитывают значения правильно, но не серийные. Как я могу заставить это работать? Мой код ниже
var options = {
title: title,
width: width,
height: height,
bar: { groupWidth: '75%' },
chartArea: { left: "8%", right: "8%", top: "10%", width: "100%", height: "75%" },
backgroundColor: 'transparent',
tooltip: { textStyle: { color: 'black' }, isHtml: true },
isStacked: isStacked,
seriesType: seriesType,
series: { SecondseriesColumnNumber: { type: SecondseriesType } },
hAxis: { slantedText: true }
};
var chart = new google.visualization.ComboChart($('DivSeries')[0]);
Я разместил свой код в самом вопросе, разве вы не видите? Это просто отладочная информация, которую я опубликовал как снимок экрана. Смешно, что это было отмечено как не по теме.
Я проголосовал за повторное открытие этого.
Спасибо @AndrewL. Не понимаю логики модов, четкий вопрос со снимком экрана с ошибкой и кодом, включенным в блоки кода, все еще помечается
Я искренне думаю, что вам следует включить больше кода, кроме переменной options. Например, как выглядит html, особенно элемент DivSeries, на который вы нацеливаетесь.
Моя проблема только в части кода с параметрами, поэтому я добавил только это. Однако, поскольку вы предлагаете добавить результат, я его тоже добавлю.
@Hitesh Просто комментарий о модерации: это (большую часть времени) основано на сообществе. Если кто-то отметит вопрос или кто-то с достаточной репутацией проголосует за закрытие, он будет поставлен в очередь. Эта очередь довольно большая (~ 8k вопросов), и люди могут оставить открытой или проголосовать за закрытие до 40 вопросов. По моему опыту, большую часть времени вопрос будет закрытым, даже если он «не заслуживает этого» или если его исправят в последнее время. Это потому, что я думаю, что люди очень быстро встают в очередь и часто не обращают на это достаточно внимания, в большинстве случаев вопрос действительно не по теме.
Чтобы также встать на сторону других участников, проголосовавших за закрытие, я хотел бы подчеркнуть последний комментарий AndrewL, чтобы добавить некоторый целевой html и необходимый код для легкого воспроизведения вашей проблемы при запуске с нуля, например, добавить импорт тега <script> библиотека google-vizualisation, которую вы используете. Это поможет в вашем вопросе иметь четкое минимальный воспроизводимый пример (см. codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question). Хорошая новость об этой системе модерации заключается в том, что, поскольку кто-то проголосовал за повторное открытие вопроса, теперь он находится в другой очереди (гораздо меньшей), за которую я проголосовал.
(просто чтобы вы знали, в настоящее время есть 3 голоса, которые нужно возобновить, и 2, чтобы оставить закрытыми)
Итак, вы видите, что без единого изменения вопроса, он был довольно ясным и на него также был дан правильный ответ. Вот что я имел в виду. Мир !!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
проблема связана с синтаксисом JavaScript. вы не можете использовать переменную в качестве ключа в определении объекта. вы должны сначала создать объект, затем вы можете добавить дополнительные ключи с помощью переменных.
есть два способа получить / установить значения ключей объекта после того, как объект определен. оба следующих возвращают одинаковое значение для заголовка.
var title = options.title;
var title = options['title'];
где, как и в последнем, мы можем заменить ключ заголовка переменной.
var key = 'title';
var title = options[key];
в этом случае при необходимости определите статические параметры.
var options = {
title: title,
width: width,
height: height,
bar: { groupWidth: '75%' },
chartArea: { left: "8%", right: "8%", top: "10%", width: "100%", height: "75%" },
backgroundColor: 'transparent',
tooltip: { textStyle: { color: 'black' }, isHtml: true },
isStacked: isStacked,
seriesType: seriesType,
series: {},
hAxis: { slantedText: true }
};
затем вы можете использовать переменную для дальнейшего определения опции серии.
var SecondseriesColumnNumber = 1;
options.series[SecondseriesColumnNumber] = { type: SecondseriesType };
Пожалуйста, разместите все свои коды в самом вопросе. Коды во внешних ссылках или изображениях не разрешены в SO.