ApexChart:折线图的另一种选项
创始人
2024-09-06 23:01:28
0

ApexChart是一个用于数据可视化的JavaScript库。它支持许多类型的图表,包括折线图。本文提供一种用ApexChart绘制折线图的另一种选项。

代码示例:

HTML代码:

JavaScript代码:

var options = {
  series: [{
    name: 'Series A',
    data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
  }],
  chart: {
    height: 350,
    type: 'line',
    zoom: {
      enabled: false
    }
  },
  annotations: {
    xaxis: [{
      x: new Date('23 Nov 2017').getTime(),
      borderColor: '#00E396',
      label: {
        borderColor: '#00E396',
        style: {
          fontSize: '12px',
          color: '#fff',
          background: '#00E396'
        },
        text: 'Vertical'
      }
    }]
  },
  dataLabels: {
    enabled: false
  },
  stroke: {
    curve: 'straight'
  },
  title: {
    text: 'Line Chart',
    align: 'left'
  },
  grid: {
    borderColor: '#f1f1f1',
  },
  xaxis: {
    type: 'datetime',
    categories: ["1/11/2000", "2/11/2000", "3/11/2000", "4/11/2000", "5/11/2000", "6/11/2000", "7/11/2000", "8/11/2000", "9/11/2000"],
  },
  yaxis: {
    title: {
      text: 'Price'
    },
  },
};

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

该例子中,我们使用了ApexChart库来绘制一条折线图。我们使用“datetime”类型的x轴,这意味着我们可以根据日期

相关内容

热门资讯

智能五分钟!德扑胜率计算软件a... 智能五分钟!德扑胜率计算软件aa扑克软件(一般真的有挂)-百度知乎1、该软件可以轻松地帮助玩家将德扑...
靠谱六分钟!wpk德州辅助器是... 靠谱六分钟!wpk德州辅助器是真的是假wpk辅助nzt(一直真的有挂)-今日头条1)wpk德州辅助器...
口控制六分钟!微扑克wpk有挂... 口控制六分钟!微扑克wpk有挂aapoker透明挂(就是真的有挂)-微博客户端1、任何微扑克wpk有...
后台一分钟!impoker有挂... 后台一分钟!impoker有挂德州之星辅助可以用(一贯真的有挂)-哔哩哔哩1、德州之星辅助可以用ai...
AI八分钟!扑克时间有后台控制... AI八分钟!扑克时间有后台控制众合推扑克辅助器(的确真的有挂)-小红书亲,关键说明,扑克时间有后台控...
下载7分钟!德州之星辅助挂wp... 下载7分钟!德州之星辅助挂wpk微扑克俱乐部(本来真的有挂)-微博客户端;1、玩家可以在德州之星辅助...
挂四分钟!wpk开挂实锤微扑克... 挂四分钟!wpk开挂实锤微扑克wpk真的有辅助(原来真的有挂)-哔哩哔哩1、金币登录送、破产送、升级...
智能五分钟!德州ai软件使用p... 智能五分钟!德州ai软件使用poker软件免费(就是真的有挂)-哔哩哔哩1、德州ai软件使用ai机器...
德州八分钟!线上wpk德州ai... 德州八分钟!线上wpk德州ai机器人wepokeapp下载教程(其实真的有挂)-知乎1、每一步都需要...
轻量版8分钟!德州之星辅助可以... 轻量版8分钟!德州之星辅助可以用微扑克有辅助插件(的确真的有挂)-小红书1、德州之星辅助可以用ai辅...