jquery - Zingchart - 按 ID 添加和删除绘图

Question

这可能是一个简单的问题，但我无法在任何地方找到答案。我有一个图表，可以动态添加新的绘图。现在我需要删除一些图，但是我需要通过 id 而不是索引来识别图。

根据the documentation可以通过 ID 删除绘图。但是，我正在使用 Jquery wrapper ，它只讨论按索引删除。在任何情况下(有或没有 JQuery)我都无法让它工作，我不确定这是因为我添加绘图的方式、删除它的方式或我配置绘图本身的方式。

代码here .

(请注意，我使用的是 Jquery 包装器，但为了方便起见，没有使用 fiddle)。

var myConfig = {
    'type':'line',
 'series':[

    ]
};
zingchart.render({ 
    id : 'demo-chart', 
    data : myConfig, 
    height: 400, 
    width: '100%' 
});


$('#demo1').click(function() {

zingchart.exec('demo-chart','addplot',{
        //plotid : 'http://mine/2',
        'data' : {
            plotid : 'http://mine/2',
            'values':[69,68,54,48,70,74,98,70,72,68,49,69],
            text : 'To be removed'
        }
});

zingchart.exec('demo-chart', 'addplot', {
    data : {
        values : [10, 20, 15],
        text : 'To stay'
    }
});

zingchart.exec('demo-chart','removeplot',{
        //plotid : 'http://mine/2',
        data : {
            plotid : "http://mine/2"
        }
    });


});

编辑:正如patrick-rodee所指出的，解决方案是这样的:

• 添加绘图时，在data内使用id(而不是plotid)。

• 删除绘图时使用plotid(不带data)。

  var myConfig = {
  'type':'line',
   'series':[
  
         ]
     };
     zingchart.render({ 
      id : 'demo-chart', 
      data : myConfig, 
      height: 400, 
      width: '100%' 
     });
  
  
     $('#demo1').click(function() {
  
     zingchart.exec('demo-chart','addplot',{
             'data' : {
                 id : 'http://mine/2',
                 'values':[69,68,54,48,70,74,98,70,72,68,49,69],
                 text : 'To be removed'
            }
     });
  
     zingchart.exec('demo-chart', 'addplot', {
      data : {
          values : [10, 20, 15],
          text : 'To stay'
      }
     });
  
     zingchart.exec('demo-chart','removeplot',{
             plotid : 'http://mine/2',
         });
  
  
     });
  

编辑2:

顺便说一句，默认情况下的行为似乎有点令人困惑:如果添加两个图，一个将以蓝色绘制，另一个以红色绘制，然后删除蓝色图，然后再次添加 -> 它将以红色绘制，因此将有两个颜色相同的图。

Answer 1

您的 removeplot 调用正在传递 plotindex 而不是 plotid。您还应该将 addchart 调用内部的 plotid 移到数据对象之外。

这是一个工作示例，它添加带有 id 的绘图，然后通过其 id 删除两个绘图:http://demos.zingchart.com/view/8FG93JTH

它应该提供足够的工作代码来帮助您解决问题。

我是 ZingChart 团队的成员。我们在这里非常活跃。如果您有更多问题，请调用。