当我从Highcharts动态获取数据时，Highcharts会给出额外的图例 [英] Highcharts giving an extra legend when I get data dynamically from Highcharts

问题描述

我需要动态创建highcharts系列...所以我使用了addSeries，但是我得到了一个额外的图例。如果您有任何其他方法请告诉我...
我不包括我的总图表代码....我只是把我的系列放在图表中......

  $（function（）{
 chart = Highcharts.chart（'container'，{
 series：[
 {
} 
] 
 
}）; 
}）; 
 
 
 json：
dataa：
 [
 {
name：Unit Test 1，
 数据：[1,13,15,17,40,50,80] 
}，
 {
名称：单元测试2，
数据：[2,20,50,40,20,50,15] 
}，
 {
name：单元测试3，
data： [3,50,40,10,30,40,25] 
} 
] 
 
 ajax：
 let dataeDatal = datae.dataa.length; 
 for（let i = 0; i< dataeDatal; i ++）{
 chart.addSeries（{
 data：datae.dataa [i] .data，
 name：datae .dataa [i] .name 
}）; 
} 
} 
  

p>

您可以在图片中查看，我得到了一个额外的series1图例

解决方案

<你应该初始化你的图表

  chart = Highcharts.chart（'container'，{
 series：[ ] //应该是空数组
}）; b 
 
 
 $ b 
 >小提琴演示
 
I need to create highcharts series dynamically...So I used addSeries,But I am gettng an extra legend. If you have any other methods pls let me know...
I am not including my total chart code....I am jst placing my series in chart...
            $(function () {
                chart = Highcharts.chart('container', {
                    series: [
                        {
                        }
                    ]

                });
            });


json:
    "dataa": 
    [
        {
            "name": "Unit Test 1",
            "data":[1,13,15,17,40,50,80]
        },
        {
            "name": "Unit Test 2",
            "data":[2,20,50,40,20,50,15]
        },
        {
            "name": "Unit Test 3",
            "data":[3,50,40,10,30,40,25]
        }
    ]

ajax:
 let dataeDatal=datae.dataa.length;
            for (let i = 0; i < dataeDatal; i++) {
                chart.addSeries({
                    data: datae.dataa[i].data,
                    name: datae.dataa[i].name
                });
            }
        }


You can check in the image, I am getting an extra series1 legend
解决方案
you should initialize your charts as
chart = Highcharts.chart('container', {
  series: []  //should be empty array
});
fiddle demo

                        
这篇关于当我从Highcharts动态获取数据时，Highcharts会给出额外的图例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！