Question

另一个首发问题......

我必须通过从下拉列表框和日期选择器中选择一个属性来创建图表（条形图，线条等）。从下拉列表中的属性值到y轴，日期到x轴。下拉列表中的属性来自json输出（URL - 当前为http://localhost:8080/someproject）

我能够获得x轴，但我正在努力将值放在y轴上......

以下是Fiddle

var selection = $('#dropdown1 :selected').text();
console.log("as".selection);
$.each(jsObject, function(index, value) {
                console.log("%o",value)
                if (value['name'] == selection) {
                    var optionHtml = '';
                    for (var i = 1; i <= 20; i++) {
                        var attr = 'attr' + ('000' + i).substr(-3);
                        var val = 'val' + ('000' + i).substr(-3);
                        optionHtml += '<option value="' + attr + '" data-val="'+value[val]+'">' + value[attr] + '</option>';
                    }
                    $("#listbox").css("width", "500px")
                    $("#listbox").css("height", "300px")
                    $('#listbox').append(optionHtml);
                    return false;
                }
                var selectedOption = $(this).find('option:selected');
                console.log(selectedOption);
});

请忽略现在的数据，因为下拉列表已在我的本地桌面上正确填充。

我只是在寻找在y轴的下拉列表框中选择我的属性值的逻辑，以便在日期选择器中选择所需的日期。

由于公司政策而导致不添加更多代码的道歉...

Answer 1

您可以使用访问https://www.amcharts.com/demos/simple-column-chart/，它非常易于使用。

如何通过从下拉列表和日期选择器中选择来创建图表

1 个答案: