Что такое myid в документах ZingChart?

Я должен упустить что-то простое, но...: В документах ZingChart для методов API все функции ссылаются на myid, но я не могу понять, что такое идентификатор ZingChart. Например, метод getseriesvalues:

zingchart.exec('myid', 'getseriesvalues', {});

Что означает 'myid' в этом примере кода?

Вот мой простой пример кода ZingChart:

 $(function(){
    var myChart = {
        type : "line",
        title : {text: "Hello ZingChart World!"},
        series : [
            {values:[5, 10, 15, 5, 10, 5]},
            {values:[2, 4, 6, 8, 10, 12]}
        ]
    };

    zingchart.render({
        id : "myChartDiv",
        height : 450,
        width : 600,
        data : myChart
    }); 
})

Теперь предположим, что я хочу вызвать метод getseriesvalues на этом графике — каким будет myid? myChart? myChartDiv? Ни один из них не работает...


jquery zingchart
person froadie    schedule 31.12.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Свойство id ссылается на свойство id элемента <div>, в которое вставляется диаграмма. См. руководство ZingChart "Начало работы".

Пример:

<html>
    <body>
        <script>
            var myChart = {
                type   : "line",
                title  : {text: "Hello ZingChart World!"},
                series : [
                    {values:[5, 10, 15, 5, 10, 5]},
                    {values:[2, 4, 6, 8, 10, 12]}
                ]
            };

            window.onload=function(){
                zingchart.render({
                    id : "myChartDiv",
                    height : 450,
                    width : 600,
                    data : myChart
                });
            };
        </script>

        <div id="myChartDiv"></div>
    </body>
</html>

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

zingchart.exec("myChartDiv", "getseriesvalues", {});

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

person Jacob Budin    schedule 31.12.2013
comment
Я это понимаю и у меня все работает. Мой вопрос в том, хочу ли я затем вызвать какой-либо метод на этом графике, например. geteriesvalues, как мне это сделать? Что бы я поместил в качестве myid в zingchart.exec('myid', 'getseriesvalues', {});? - person froadie; 31.12.2013
comment
Извиняюсь. myid в этой функции будет заменено на myChartDiv. Если myChartDiv не работает, как вы предполагаете в своем вопросе, у вас более серьезная проблема. Ссылка на тестовую страницу, которую вы используете, или более крупный пример кода будут полезны. Я обновил свой ответ для ясности. - person Jacob Budin; 31.12.2013
comment
Спасибо, теперь, когда я точно знаю, что смог определить настоящую проблему. Кажется, что диаграмма не закончила загрузку, когда эта строка кода была выполнена (на следующей строке после кода zingchart.render)... Есть ли обратный вызов, который я должен использовать? - person froadie; 01.01.2014
comment
@froadie Попробуйте установить обработчики функций для событий диаграммы gload или gcomplete. zingchart.com/reference/api-events.html - person Jacob Budin; 01.01.2014
comment
(Было бы неплохо, если бы это было задокументировано в документах... Идентификатор диаграммы неоднозначен, так как он никогда не указывает, что идентификатор div является идентификатором диаграммы.) - person froadie; 01.01.2014
comment
Согласен, последовательность в документации была бы полезна. Пожалуйста, отметьте этот ответ как принятый, если он верен для будущих посетителей SO. - person Jacob Budin; 01.01.2014