Параметры экспорта / серийного номера Google диаграммы

Можно ли экспортировать / сериализовать настройки Google Chart?

Я хочу экспортировать свою диаграмму Google и сохранить ее в БД.

Позволь мне объяснить. Я создаю редактор диаграмм, в котором пользователь может изменить некоторые настройки (заголовок, цвета и т. д.). Например, если пользователь хочет изменить заголовок, я использую этот chart.m.title = 'My new title'. И после того, как пользователь нажимает кнопку сохранения, я хочу сериализовать настройки и сохранить их в БД (вызов API для моего бэкэнда - во всяком случае, это не то, о чем я прошу.).

Это простой код диаграммы из Документация Google Chart:

<html>
  <head>
    <script type = "text/javascript" src = "https://www.gstatic.com/charts/loader.js"></script>
    <script type = "text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2013',  1000,      400],
          ['2014',  1170,      460],
          ['2015',  660,       1120],
          ['2016',  1030,      540]
        ]);

        var options = {
          title: 'Company Performance',
          hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
          vAxis: {minValue: 0}
        };

        var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id = "chart_div" style = "width: 100%; height: 500px;"></div>
  </body>
</html>

Я ищу такие методы:

// this values I will store in my database
// and it will help me create same chart in future
// with chart.draw(datasource, options);
var options = chart.options() 
var datasource = chart.datasource()

вы хотите использовать ChartWrapper, тогда вы можете использовать toJSON() ...

WhiteHat 01.05.2018 15:36

Спасибо, это то, что я искал.

Joozty 01.05.2018 15:39
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
49
0

Другие вопросы по теме