for example i have an element in html file
<div id="dateRange">1d</div>
Which control by a javascript function
$("#30Days").click(function(){
$(".dateRange").html("30d");
});
$("#12Weeks").click(function(){
$(".dateRange").html("12w");
});
$("#12Months").click(function(){
$(".dateRange").html("12m");
});
And i got an chart built by c3.js
var chart = c3.generate({
bindto:"#date",
data: {
//some config
});
And now i want the chart reload by ajax when a user onclick <div id="dateRange">1d</div>
how my i do that? Is there any example?