Apexcharts-使用不同的y轴比例模拟多个系列(超过2个)
创始人
2024-11-10 01:30:50
0

要使用不同的 y 轴比例模拟多个系列,需要在 Apexcharts 中使用多个 y 轴。使用 chart 变量创建的图表对象具有 yaxis 数组属性,该属性定义了图表中的所有 y 轴。在其中每个对象中,你可以设置此轴的比例、标签和样式。 如果您需要使用两个以上的 y 轴,请在 yaxis 数组中定义适当数量的对象。

以下是一个示例,在其中创建了包含两个 y 轴的多个系列的折线图:

var options = {
  series: [{
    name: 'Sales',
    type: 'line',
    data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
  }, {
    name: 'Revenues',
    type: 'line',
    data: [35, 45, 55, 75, 82, 95, 110, 115, 125]
  }, {
    name: 'Expenses',
    type: 'line',
    data: [40, 50, 60, 80, 80, 100, 120, 130, 145]
  }],
  chart: {
    height: 350,
    type: 'line'
  },
  stroke: {
    width: [3, 3, 3]
  },
  title: {
    text: 'Multiple y-Axis Example'
  },
  yaxis: [
    {
      title: {
        text: 'Sales'
      },
      min: 0,
      max: 150,
    }, 
    {
      opposite: true,
      title: {
        text: 'Revenues'
      },
      min: 0,
      max: 150,
    },
    {
      opposite: true,
      title: {
        text: 'Expenses'
      },
      min: 0,
      max: 150,
    },
  ],
}

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

相关内容

热门资讯

wepokeai代打的胜率!w... 1、wepokeai代打的胜率!wpk透视辅助器,wepoke有挂网上靠谱,细节揭秘(有挂教程);代...
wepoke辅助有挂!wpk微... wepoke辅助有挂!wpk微扑克俱乐部,微扑克发牌算法,教你攻略(有挂攻略)1)wepoke辅助有...
wepower有外挂!红龙扑克... wepower有外挂!红龙扑克辅助工具,wepokeai代打,2025新版教程(有挂透明)1、wep...
德扑ai助手!wepoke支持... 德扑ai助手!wepoke支持安卓吗,wepoke用模拟器,实用技巧(有挂攻略)德扑ai助手辅助器中...
微扑克有辅助挂!wpk德州职业... 微扑克有辅助挂!wpk德州职业代打,wpk俱乐部盈利模式,科技教程(有挂技巧);人气非常高,ai更新...
aapoker辅助!aapok... aapoker辅助!aapoker辅助工具存在吗,红龙扑克是真正规的,我来教教你(有挂教学)1.aa...
德州微扑克辅助!德州poker... 德州微扑克辅助!德州poker有外挂吗,德州aapoker俱乐部外挂,可靠教程(有挂规律)是一款可以...
德扑之星猫腻!德扑之星怎么带出... 德扑之星猫腻!德扑之星怎么带出记分牌,wpk辅助器下载方式,分享教程(有挂攻略)是一款可以让一直输的...
wepoke辅助!wepoke... 一、wepoke辅助简介了解软件请加微:136704302wepoke辅助是一款在线扑克游戏平台,玩...
德扑起手牌胜率图!微扑克俱乐部... 德扑起手牌胜率图!微扑克俱乐部24小时,德州wepower有外挂,规律教程(有挂攻略)德扑起手牌胜率...