Apexcharts处理不规则的x值
创始人
2024-11-10 02:00:24
0

当使用Apexcharts绘制图表时,有时需要处理不规则的x值,例如时间戳或日期。以下是处理不规则x值的示例代码:

HTML:

JavaScript:

var options = {
  chart: {
    type: 'line',
    height: 350
  },
  series: [{
    name: 'Sales',
    data: [
      [1538778600000, 500],
      [1538782200000, 700],
      [1538785800000, 600],
      [1538789400000, 800],
      [1538793000000, 900],
      [1538821800000, 1100],
      [1538825400000, 1200],
      [1538829000000, 1500],
      [1538832600000, 1300]
    ]
  }],
  xaxis: {
    type: 'datetime'
  }
}

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

chart.render();

在这个例子中,x值是时间戳,图表的x轴被设为type: 'datetime'。这允许Apexcharts正确地解析x值并在x轴上显示正确的时间。通过使用此技术,您可以使用任何不规则的x值来创建Apexcharts图表。

相关内容

热门资讯

黑科技了解(Wepoke自建房... 黑科技了解(Wepoke自建房)扑克王从前是真的有挂!太无语了从来存在有挂(2021已更新)(哔哩哔...
黑科技插件(眯眯扑克)扑克世界... 黑科技插件(眯眯扑克)扑克世界素来有挂!太夸张了确实是真的有挂(2026已更新)(哔哩哔哩)是一款可...
黑科技计算(德州wpk德州)w... 黑科技计算(德州wpk德州)wepower原先有挂!太坑了本然是真的有挂(2024已更新)(哔哩哔哩...
黑科技存在(德扑ai)aapo... 黑科技存在(德扑ai)aapoKer一贯是有挂!太嚣张了真是是有挂(2022已更新)(哔哩哔哩)德扑...
黑科技免费(扑克世界牌局设置)... 大家肯定在之前扑克世界或者扑克世界中玩过黑科技免费(扑克世界牌局设置)aapoKER先前是有挂!太实...
黑科技ai(德扑之星开房间)a... 黑科技ai(德扑之星开房间)aa州克原来真的有挂!太实锤了本然真的是有挂(2025已更新)(哔哩哔哩...
黑科技辅助挂(德扑ai操作)鱼... 1、黑科技辅助挂(德扑ai操作)鱼扑克总是是真的有挂!太夸张了竟然是真的有挂(2024已更新)(哔哩...
黑科技辅助挂(微扑克系统)We... 黑科技辅助挂(微扑克系统)WepOke从来是有挂!太离谱了最初是有挂(2020已更新)(哔哩哔哩);...
黑科技总结(wpk德州辅助器)... 黑科技总结(wpk德州辅助器)pokerrrr2俱乐部好像是有挂!太夸张了总是是真的有挂(2022已...
黑科技工具(poker)wEp... 1、黑科技工具(poker)wEpOke一直真的是有挂!太离谱了先前真的有挂(2026已更新)(哔哩...