Здравствуйте, друзья, сегодня мы узнаем, как сгенерировать конфигурацию диаграммы Google и внедрить ее в свою диаграмму с помощью нескольких простых шагов.

Цели и объем модуля.

Google разработал очень мощную библиотеку для диаграмм, в которой есть около 28 типов диаграмм. но чтобы внедрить эти диаграммы в свое приложение, вам нужно пройти через все их конфигурации и понять каждую опцию, которая очень огромна в цифрах, вот проблема, если вы хотите применить некоторые опции на своей диаграмме, вам нужно сделать это вручную с некоторым RND с нуля. Google предоставил так много конфигураций для каждой диаграммы, которые мы не можем выполнить за более короткий период времени, поэтому тестирование всех этих опций на вашей диаграмме является довольно утомительным и трудоемким процессом.

и из-за нехватки времени разработчики пытаются найти другие библиотеки диаграмм, но, честно говоря, если вы проигнорируете эту трудоемкую часть реализации, вы можете сделать свою диаграмму очень настраиваемой с таким количеством функций, предоставляемых Google, но да, нам нужно подумайте также во время реализации. Итак, как мы можем достичь этого за более короткий период времени и с помощью нескольких простых шагов?

Итак, чтобы пропустить этот трудоемкий и утомительный процесс и реализовать любую диаграмму с помощью нескольких простых шагов, я разработал один модуль, в котором мы можем добиться этого несколькими щелчками мыши. с помощью моего модуля генератора конфигурации мы можем применить любые параметры прослушивания и сделать нашу диаграмму очень настраиваемой. это заставляет вас завершить свою диаграмму, играя с доступными опциями и тонкой настройкой, все, что вам нужно сделать, это просто продолжать применять опцию, пока вы не завершите свою диаграмму, вот и все.

Как использовать этот модуль

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

https://www.youtube.com/watch?v=3j1HCgEvbDQ&feature=youtu.be

Пожалуйста, найдите URL модуляздесь.

http://googlecharts-configuration-generator.com/

Ключевая особенность

  1. просто выберите тип диаграммы, и тогда все существующие параметры будут доступны для вас, чтобы поиграть с ним.
  2. Тестируйте любой вариант на выбранном графике на лету

Как это работает

в моем модуле вам просто нужно выбрать диаграмму, для которой вы хотите сгенерировать конфигурацию JSON, после выбора все существующие настройки диаграммы Google отображаются на странице с параметрами, где вы можете изменить их значения и добавить пользовательские значения по вашему выбору. вы можете проверить введенные таможенные значения на лету, даже вы можете попробовать фиктивные данные JSON на графике.

Мы пройдем шаг за шагом этот модуль.

в правом верхнем углу есть меню «Справка», в котором я упомянул все объяснения генератора настроек Google, хотя здесь я буду объяснять шаг за шагом.

как только вы выберете тип диаграммы в верхнем правом меню, все свойства настройки выбранного типа диаграммы будут отображаться в формате «Key - HTMLControl», где Key будет именем свойства настроек диаграммы Google, а элемент управления HTML будет любым подходящим элементом управления. который подходит для этого ключа, например Выпадающий список, флажок, палитра цветов, текстовое поле, текстовая область со значением по умолчанию для соответствующего ключа. вы также можете изменить значения и указать свои собственные значения.

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

после каждого значка «Информация» у него есть еще одна опция — «Включить флажок», в нем говорится, что если вы хотите попробовать эту опцию, вам просто нужно установить этот флажок.

Поверх всех этих настроек вы можете найти флажок «Включить все», в котором говорится, что если вы хотите включить все свойства настроек в свою диаграмму, просто выберите его.

в верхнем меню вы найдете еще 3 параметра [Экспорт, Применить, TryDummyData] (появляется только при выборе типа диаграммы).

Экспорт: чтобы экспортировать все включенные свойства в формате JSON внутри модального всплывающего окна. Применить: применить все включенные свойства и построить новую диаграмму с этими свойствами. (таким образом вы можете точно настроить все параметры.)

после того, как вы выполнили все настройки и тонкую настройку, вам просто нужно экспортировать окончательную конфигурацию. это даст вам настройки диаграммы Google в формате JSON. все, что вам нужно сделать, это просто скопировать эти настройки и передать их в свое приложение в сценарии реализации диаграммы Google, или вы также можете использовать мой плагин GoogleChartRendered, если хотите, в своем приложении.

Это сделано.

Если вы нашли это полезным, нажмите кнопку 👏 и поделитесь им в социальных сетях :)