JavaScript контроль для детализации в дереве статистики - PullRequest
0 голосов
/ 02 апреля 2011

У меня есть дерево данных JSON со статистической информацией:

{
  prefix: "a",
  count: 20,
  children: [
    {
      prefix: "a:b",
      count: 15,
      children: [
        { prefix: "a:b:c", count: 5 },
        {
          prefix: "a:b:d",
          count: 10
          children: [
            { prefix: "a:b:d:e", count = 7 },
            { prefix: "a:b:d:f", count = 3 }
          ]
        }
      ]
    },
    { prefix: "a:c", count: 5 }
  ]
}

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

Я могу изменить формат вывода при необходимости.

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

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

Пожалуйста, сообщите, какую бесплатную библиотеку JavaScript я могу использовать повторно. Желательно что-то бесплатное, надежное и простое в использовании (но несвободное, если оно отлично).

jQuery-ориентированные библиотеки предпочтительнее, но все остальное принимается, если оно достаточно хорошее.

Ответы [ 5 ]

4 голосов
/ 06 апреля 2011

Я нахожу JavaScript InfoVis Toolkit очень интересным (не использовал его), но кажется действительно многообещающим [с открытым исходным кодом]

1 голос
/ 11 апреля 2011

Я использовал древовидную карту в JavaScript InfoVis Toolkit , чтобы сделать подобное.

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

Использование этой техники JIT быстр и прост в настройке.

1 голос
/ 09 апреля 2011

Если возвращаемая иерархия не слишком глубока, сработает ли обычное дерево?http://www.jstree.com/

1 голос
/ 06 апреля 2011

ProtoVis из группы визуализации Stanford - еще один вариант для вас. Смотрите в разделе Иерархии на странице примера.

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

задано ранее в Показать иерархию JSON / YAML в виде дерева в HTML?

см. Ответ, отображающий дерево в "divs".можно добавить небольшой javascript к именам свойств json, чтобы показать / скрыть следующий div.

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

...