Визуализация Vega - как включить действия при использовании Vega View - PullRequest
Новая
       48

Визуализация Vega - как включить действия при использовании Vega View

1 голос
/ 21 апреля 2020

Я использую графики Vega в своем проекте django. До сих пор я использовал vegaEmbed для отображения диаграмм на веб-странице, но теперь я хотел бы перейти в режим vega и нигде не могу найти, как включить действия при использовании режима vega.

Это мой код с vegaEmbed: 

    `<script>
      var {{ c.ident }} = {{ c.jSon|safe }}
          var {{ c.ident }}_opt = {
                  actions: true
                }
          vegaEmbed('#{{ c.ident }}', {{ c.ident }}, {{ c.ident }}_opt);
        vegaEmbed('#{{ c.ident }}', {{ c.ident }});
    </script>`

А этот код с vega view: 

        `<script>
            var vegaJson = {{ jSon|safe }};
            var view = new vega.View(vega.parse(vegaJson))
                    .renderer('svg')  
                    .initialize('#chartDiv') 
                    .hover()             
                    .run();

            window.onresize = function (event) {
              view.signal('width', event.target.innerWidth - 200)
                  .signal('height', event.target.innerHeight - 450)
                  .run('enter');
            }
        </script>`

Есть идеи, как включить действия при использовании vega view?

actions in vegaEmbed

1 Ответ

0 голосов
/ 21 апреля 2020

Меню действий не определяется API представления vega, оно определяется в vega-embed.

Здесь - это то, как vega-embed создает меню действий.

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

...