如何从多个本地json文件生成图表图表

格里·迪瓦恩

我正在尝试使用来自多个本地保存的json文件的数据来构建一个高图表条形图,这有点麻烦。为简单起见,我要遍历所有文件,搜索特定的字符串,然后将计数用作图形的数据。我已经这样处理了:

options.series[0].name = 'Test';
options.series[0].data = [];

//Loop over the different local files and do a search count in each  
var localfiles = new Array('localfile1.json', 'localfile2.json');

for (var i=0; i<locfiles.length; i++) {
    //do a count here
    $.getJSON(localfiles[i], function(data) {
    var count = 0;
    var index = 0;
    var entry;
    for (index = 0; index < data.length; ++index) {
        entry = data[index];
        if (entry.searchkey == "searchstring") {
            count ++;
        }
        options.series[0].data.push(count);
    });
});

var chart = new Highcharts.Chart(options);

我意识到我没有正确传递选项数组。但是我不确定应该用什么方式编写代码。有什么建议吗?

提前致谢。

书呆子

要获得2个小节,您需要将options.series[0].data.push(count);第二个小节放在外面,否则最终会长出很多小节

options.series[0].name = 'Test';
options.series[0].data = [];

//Loop over the different local files and do a search count in each  
var localfiles = new Array('localfile1.json', 'localfile2.json');

for (var i=0; i<locfiles.length; i++) {
    //do a count here
    $.getJSON(localfiles[i], function(data) {
    var count = 0;
    var index = 0;
    var entry;
    for (index = 0; index < data.length; ++index) {
        entry = data[index];
        if (entry.searchkey == "searchstring") {
            count ++;
        }
    });
    options.series[0].data.push(count);
});

var chart = new Highcharts.Chart(options);

这样,您将为每个json文件获得1条

回答你的评论

您可以使用 addSeries

     var series1 = {
                        data: [],
                        name: ""
                   }
     chart.addSeries(series1);

如果要删除所有以前的系列,可以执行此操作

while(chart.series.length > 0){
    chart.series[0].remove(true);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

应用本地图表中的图表模板,而不是模板文件

来自分类Dev

如何从JSON字符串生成Kendo UI图表

来自分类Dev

从 csv 文件创建多个烛台图表

来自分类Dev

如何使用JS为图表生成颜色?

来自分类Dev

如何使用JS为图表生成颜色?

来自分类Dev

如何从Excel工作表生成图表?

来自分类Dev

如何从C#生成图形和图表

来自分类Dev

如何从Excel工作表生成图表?

来自分类Dev

如何使用此分组生成Excel图表

来自分类Dev

R:如何自动计算数据框,然后根据多个数据框的结果生成图表?

来自分类Dev

如何在报表生成器/ SSRS中跨表的多个列放置图表

来自分类Dev

如何制作具有多个直方图的图表

来自分类Dev

遍历要在图表中使用的 JSON 文件

来自分类Dev

当存在多个json文件时,将d3图表的svg附加到单独的div

来自分类Dev

如何将生成的图表保存在媒体文件夹中

来自分类Dev

如何将HighCharts中的多个图表导出到一个文件(png,jpeg,pdf)

来自分类Dev

如何将HighCharts中的多个图表导出到一个文件(png,jpeg,pdf)

来自分类Dev

使用多个Google图表和jspdf生成PDF

来自分类Dev

生成图表(python 循环)

来自分类Dev

如何通过JavaScript JSON更新KendoUI图表?

来自分类Dev

如何使用 JSON 数据创建 CanvasJS 图表?

来自分类Dev

多个Google图表

来自分类Dev

多个图表缓存

来自分类Dev

对齐多个图表区域

来自分类Dev

D3图表-组合多个图表

来自分类Dev

如何将本地坐标转换为 JavaFX 图表坐标

来自分类Dev

R Markdown文件生成的Shiny Server缺少图表

来自分类Dev

如何从 JSON 文件读取数据并将其传递给谷歌图表行 (javascript)

来自分类Dev

多个工作表中的图表使文件输出损坏

Related 相关文章

热门标签

归档