Excel диаграммы для JavaScript - PullRequest
Новая
       12

Excel диаграммы для JavaScript

2 голосов
/ 05 апреля 2011

Кто-нибудь может предложить подходы к созданию диаграмм JavaScript из диаграммы MS Excel, чтобы цвета и другие параметры форматирования были сохранены?В идеале я мог бы создать символ HighCharts или что-то похожее на то, что было создано пользователем в Excel.В данный момент я изучаю форматы файлов Open XML / Drawing ML или, возможно, VBA, чтобы создать слой перевода для некоторой библиотеки JavaScript для создания диаграмм, например HighCharts.

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

Спасибо за любые предложения,

A,

Ответы [ 2 ]

2 голосов
/ 19 января 2018

Я могу предложить надстройку под названием Funfun , вы можете кодировать некоторые Javascript, HTML и CSS в Excel. В нем размещен онлайн-редактор со встроенной электронной таблицей, облегчающий переход к Excel.

Я собираюсь взять пример пузырьковой диаграммы из Highcharts и изменить данные, вот что я получаю:

https://www.funfun.io/1/#/edit/5a61c190404f66229bda3f0f

Я храню свои данные во встроенной электронной таблице, и благодаря файлу json я могу использовать их в своем коде JavaScript: 

{
    "data": "=A1:E16"
}

Я форматирую свои данные в свой script.js, чтобы я мог напрямую загрузить их в Highcharts (для чисел вы должны конвертировать ваши данные в числа с плавающей запятой или int): 

var data = [];

for (var i = 1; i < $internal.data.length; i++)
  data.push(
    {
      x: parseFloat($internal.data[i][2]),
      y: parseFloat($internal.data[i][3]),
      z: parseFloat($internal.data[i][4]),
      name: $internal.data[i][1],
      country: $internal.data[i][0]
    }
  );

И вы добавляете свои данные в диаграмму: 

series: [{
        data: data
    }]

Конечно, вы можете изменить настройки диаграммы (цвет, текст, шрифт, тип диаграммы ...).

Как только вы закончите, вы можете напрямую загрузить его в Excel, вставив URL-адрес в надстройку Funfun . Вот как это выглядит с моим примером:

final

Я использовал Highchart для моего примера, потому что вы упомянули об этом, но вы, конечно, можете использовать много других мощных библиотек, таких как chart.js и plotly.js (для трехмерных диаграмм).

Раскрытие информации: я разработчик Funfun.

0 голосов
/ 05 апреля 2011

JavaScript? Это было бы проще с подключаемым модулем PHP на стороне сервера, если файл не загружен на стороне клиента.

Пожалуйста, дайте больше информации о вашей ситуации

...