Опубликованный Google Sheet - как удалить всплывающую подсказку при наведении?

#html #google-sheets #iframe

#HTML #google-таблицы #iframe

Вопрос:

Предыстория

У меня есть электронная таблица Google, которая содержит несколько листов диаграмм. Я хочу опубликовать всю электронную таблицу целиком и встроить ее в HTML-страницу (обычная отдельная HTML-страница. никаких других файлов.)

У меня есть это простое встраивание HTML в простую опубликованную электронную таблицу Google.

 <iframe height="400px" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSE-4lufoePc8SMq1r5o9K_uWE7Km9JiouogYBUJHVBo8Esnf4tImqdNUiCcWu_26AzwDUZCM_wS1Vs/pubhtml?widget=trueamp;amp;headers=false" width="100%"></iframe>

Развернуть фрагмент

Проблема

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

Неудачные попытки

Я новичок в этой области, так что, скорее всего, мои попытки / кодирование бессмысленны.

<iframe enableInteractivity="False" ...
<iframe style="pointer-events: none;... — не позволял перемещаться между листами.

1. Вы пробовали настраивать tooltip:false ? @idanshmu

2. @ale13 не уверен, где и как я должен это точно определить, но ни одна из моих попыток не сработала.

3. Как вы создаете диаграмму? Вы создали его просто из электронной таблицы?

4. Я создаю как электронную таблицу, так и HTML.

Ответ №1:

К сожалению, то, что вы хотите, не может быть достигнуто.

Согласно документации службы диаграмм:

Если вы хотите отображать диаграммы в веб-браузере, используйте вместо этого API Google Charts.

API визуализации Google Charts, однако, позволяет изменять tooltip . Но для этого вам придется создать диаграмму программно.

Для этого вы можете попробовать пример, представленный в Quickstart здесь.

Итак, после изменения options параметра на этот:

 var options = {'title':'How Much Pizza I Ate Last Night',
                       'width':400,
                       'height':300,
                       'tooltip': { 'trigger': 'selection' }};

Вот как будет выглядеть диаграмма при наведении курсора мыши на грибовидную часть:

Вы можете включить код из быстрого запуска, упомянутого выше, в HTML файл в скрипте приложений, чтобы создать веб-приложение. Единственная недостающая часть — это doGet функция, которая может выглядеть примерно так:

 function doGet() {
  var htmlOutput = HtmlService.createHtmlOutputFromFile('QUICKSTART_HTML_FILE');
  return htmlOutput;
}

Ссылка

1. куда этот код должен идти? что такое dataTable и как это связано с src iframe?

2. Предполагается, что код должен быть в вашем HTML и dataTable есть dataTable = new google.visualization.DataTable() .

3. как это datatable связано с src iframe? в однострочном HTML, который я предоставил, данные поступают из URL-адреса опубликованного листа (который, я полагаю, мне нужно сохранить таким образом). по вашему предложению, откуда берутся данные?

4. Мне очень жаль, но, кажется, я вас неправильно понял. То есть, по сути, вы вообще не создаете диаграмму программно?

5. Правильно. Диаграмма была создана в самой Google Sheet. ради обсуждения мы можем рассматривать данные / таблицу как закрытое поле и просто сосредоточиться на HTML (если это вообще возможно).