echarts 折线图关于x轴显示不同的时间

**我在做一个echarts折线图,目前来说,折线图已经可以显示,

但是 要求显示的是 今天,昨天,最近7天,最近15天,和自定义天数 这几项的数据,

所以x轴 是需要改变的,以及x轴的数据也需要改变,我现在只会固定的今天,昨天、或者7天的

求助各位大神,下面data数组怎么能够根据我的选择来改变?

function queryOpts(xData){
xAxis : [
{
type : 'category',
data : xData
,axisLabel:{
rotate:-45
}
}
]}

$(function()
{
// 渠道名称 数据库里的name
var names={$name|raw};
// console.log(name);
// x轴日期 数据库里的time
var times={$times|raw};
// console.log(times);
// 取出 后台遍历的 所有数据
var allValue={$allValue|raw};
// console.log(allValue);
kv=[];
kv=allValue.map(function(val,ind){

return{
name:val.name,
type:'line',
stack:'总量',
smooth: true,
label:
{
normal:
{
show: true,
position: 'top',
rotate:26.8,
}
},
data:eval("["+val.number+"]"),
}
});
var myChart = echarts.init(document.getElementById('graph'));
option = {
title: {
text: '每日活跃度',
},
tooltip: {
trigger: 'axis'
},
textStyle:{
fontSize:20,

    },
    legend: {
      data:names
    },
    visualMap: {
      show: true,
      min: 0,
      max: 100000,
      left: 'right',
      bottom: '20',
      text: ['高', '低'],
        calculable: false, //手柄
        color: ['red', 'yellow', 'lime','cyan'],
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data:times,
    },
    yAxis: {
      type: 'value'
    },
    series:kv,
    areaStyle: {},
  };
  myChart.setOption(option);

});

大佬同问