Question

例如我在html文件中有一个元素

<div id="dateRange">1d</div>

通过javascript函数进行哪种控制

    $("#30Days").click(function(){
     $(".dateRange").html("30d");
     });

    $("#12Weeks").click(function(){
     $(".dateRange").html("12w");
     });

    $("#12Months").click(function(){
     $(".dateRange").html("12m");
     });

我得到了一张由c3.js构建的图表

var chart = c3.generate({
            bindto:"#date",
        data: {
                //some config
            });

现在，当用户点击<div id="dateRange">1d</div>我是如何做到的时候，我想通过ajax重新加载图表？有什么例子吗？

Answer 1

通过快速浏览文档，您应该使用load方法。

$.ajax({
  // the ajax request for data
  success: function(data) {
    // format the data
    chart.load(data)
  }
})

查看文档http://c3js.org/samples/simple_multiple.html

Answer 2

是否需要ajax通话？你可以这样做。

HTML：

<div id="dateRange" onclick="return RefreshChart(event)">1d</div>

jQuery的：

function RefreshChart(elem){
   chart.load({
    url: 'PathToFetchData'
   });
}

如果您有任何疑问，请对其进行评论。

通过ajax刷新页面

2 个答案: