Zingchart 动态更改轴标签 Jquery

Question

我正在制作这张 zingchart：

    var myConfig = {
        type: "line",
        plot:{
            aspect:"spline"
        },
      //...... legend, preview...
        "scale-x":{
                "format":"%v",
                "zooming":true,
                "label":{
                    "id": "xlabel",
                    "text":"X",
                    "margin-top":100
                },
                "item":{
                    "auto-align":true,
                    "maxChars":10
                },
                "tick":{
                    "line-color":"black",
                    "line-width":"2px",
                    "size":8
                } 
        },
        "scale-y":{
                "zooming":true,
                "decimals":0,
                "label":{
                    "id": "ylabel",
                    "text":"Y",
                    "margin-top":100
                }
        },
        series: [
                { "values": [
                        [1,10],
                        [2,20],
                        [3,50],
                        [4,60]
                    ]
                },
                { "values": [
                        [1,3],
                        [2,7],
                        [3,15],
                        [4,30],
                        [5,70],
                        [3.2,25]
                    ]
                }
            ]
    };

我修改了图表以添加绘图等。但是，当我尝试动态修改 X 轴和 Y 轴的标签时出现错误。我正在使用 JQuery 包装器，根据 Update Object 我这样做：

$('#myChart').updateObject({
             "type": "label",
                "data": {
                    "id": "xlabel",
                    "text": "My new label"
                }
            });

但这会引发错误：Uncaught TypeError: Cannot read property 'length' of undefined 这部分（我知道它已最小化，除非您开发了 zingchart，否则不会有太大意义）：

 for (z = 0, b = p.length; z < b; z++) {

在case "updateobject":

我不确定我是否正确使用了对象更新，但从文档来看它似乎是这样工作的。有什么我可能遗漏的想法吗？

编辑： 我无法重现此 jsfiddle 中的发生率，但我也无法使其正常工作。

编辑2：

我认为它涉及到这一点，它将 p 设置为 undefined:

case "updateobject":
    r = n.BY(e[ZC._[3]]);
    if (r && e.data) {
        r.G["objects.updates"] = []; //G = "label"
        G = e.type || "label";  // e = Object {type: "label", data: Object}
        p = r.o[G + "s"];   // p = undefined, r = e {b: undefined, M9: "zcgraph", MW: "linegraph", o: Object, G: Object…}

而r.o是：

o: Object
background-color: "#ffffff"
height: 502
legend: Object
plot: Object
plotarea: Object
preview: Object
scale-x: Object
scale-y: Object
series: Array[2]
tween: null
type: "line"
width: 755
x: 0
y: 0
__proto__: Object

此 Demo 显示了 UpdateObject 有效的示例：

var myConfig = {
    'type':'line',
    'series':[
        {
            'values':[11,26,7,44,11]
        }
    ],
    'labels':[
       {
            'id':'label1',
           'text':'Label 1',
            'x':50,
          'y':50,
          'background-color':'#f90',
           'padding':5
      },{
          'id':'label2',
           'text':'Label 2',
            'x':150,
         'y':50,
          'background-color':'#f09',
           'padding':5
      }
    ],
    'shapes':[
      {
            'id':'shape1',
           'x':100,
         'y':100,

看来labels下面的对象会被找到（所以我在p = r.o[G + "s"]之前看到了一个+"s"）。这可能意味着我使用了错误的方法来修改 "scale-x".

中的标签

Answer 1

$("#myChart").modify({
    "data": {
         "scale-x":{
            "label":{
                "id": "xlabel",
                "text":"My new label",
            }
        }
    }
});

Zingchart 动态更改轴标签 Jquery

Zingchart dynamically changing axis label with Jquery

jquery

visualization

data-visualization

zingchart