Apexcharts: 是否可以显示给定系列的子集?我需要默认只关注系列的最后5个元素...而不是整个系列。
创始人
2024-11-10 02:00:11
0次

要显示给定系列的子集,可以使用ApexCharts的range选项来指定要显示的数据范围。在range选项中,可以指定要显示的数据的起始索引和结束索引。以下是一个示例代码,展示如何默认只显示系列的最后5个元素:

var options = {
  series: [{
    name: 'Series 1',
    data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
  }],
  chart: {
    height: 350,
    type: 'line'
  },
  dataLabels: {
    enabled: false
  },
  stroke: {
    curve: 'smooth'
  },
  xaxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep']
  },
  range: {
    xaxis: {
      min: 4, // 起始索引为4
      max: 8 // 结束索引为8
    }
  }
};

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

在上面的示例中,range选项的xaxis对象中的min属性和max属性分别指定了要显示的数据的起始索引和结束索引。在这个例子中,我们显示了系列的最后5个元素。

需要注意的是,range选项中的索引是基于xaxis.categories数组的索引。所以,在设置range选项之前,确保xaxis.categories数组的长度大于要显示的数据的结束索引。

运行上述代码,将会得到一个显示了系列最后5个元素的ApexCharts图表。

相关内容

热门资讯

揭秘真相!快乐吧开挂功能app... 揭秘真相!快乐吧开挂功能app,快乐吧总是真的是有开挂app1、用户打开应用后不用登录就可以直接使用...
玩家必备科普!剧乐部辅助器功能... 玩家必备科普!剧乐部辅助器功能神器,剧乐部一贯是有辅助器神器1)剧乐部免费钻石:进一步探索剧乐部免费...
终于懂了!乐奕互娱辅助功能工具... 终于懂了!乐奕互娱辅助功能工具,乐奕互娱其实真的是有辅助工具该软件可以轻松地帮助玩家将乐奕互娱外卦神...
每日必看!新世界辅助器功能软件... 每日必看!新世界辅助器功能软件,新世界竟然存在有辅助器软件新世界能透视中分为三种模型:新世界模拟器、...
总算了解!奕棋耍大牌辅助器功能... 总算了解!奕棋耍大牌辅助器功能攻略,奕棋耍大牌一直真的是有辅助器攻略所有人都在同一条线上,像星星一样...
科普常识!好运南京麻将透视挂功... 科普常识!好运南京麻将透视挂功能攻略,好运南京麻将果然存在有透视挂攻略1、科普常识!好运南京麻将透视...
研究成果!众汇棋牌透视挂功能软... 研究成果!众汇棋牌透视挂功能软件,众汇棋牌原来真的是有透视挂软件所有人都在同一条线上,像星星一样排成...
实测发现!大众茶苑透视挂功能工... 实测发现!大众茶苑透视挂功能工具,大众茶苑果然是真的有透视挂工具1、起透看视 大众茶苑辅助软件价格2...
玩家必备教程!锦葵游戏透视功能... 玩家必备教程!锦葵游戏透视功能插件,锦葵游戏好像真的是有透视插件1、游戏颠覆性的策略玩法,独创攻略技...
科技通报!冰球突破透视挂功能神... 科技通报!冰球突破透视挂功能神器,冰球突破真是是有透视挂神器科技通报!冰球突破透视挂功能神器,冰球突...