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轴,这意味着我们可以根据日期

相关内容

热门资讯

一分钟了解(德扑之星破解)外挂... 一分钟了解(德扑之星破解)外挂透明挂辅助器安装(辅助挂)透视辅助(有挂助手)-哔哩哔哩;德扑之星破解...
新手必备(wepoke美元局)... 新手必备(wepoke美元局)外挂透明挂辅助挂(辅助挂)确实是真的有挂(2022已更新)(哔哩哔哩)...
一起来讨论(德扑操作)外挂透明... 1、一起来讨论(德扑操作)外挂透明挂辅助插件(辅助挂)透视辅助(有人有挂)-哔哩哔哩;详细教程。2、...
透明教程(Wepoke安卓版)... 透明教程(Wepoke安卓版)外挂透明挂辅助神器(透视)软件透明挂(竟然有挂)-哔哩哔哩;原来确实真...
一分钟揭秘!德扑之星解说(we... 一分钟揭秘!德扑之星解说(wepOke)外挂透明挂辅助神器(辅助挂)辅助教程(有挂方法)-哔哩哔哩需...
必备攻略(云扑克德州PK)外挂... 必备攻略(云扑克德州PK)外挂透明挂辅助机制(辅助挂)辅助透视(真实有挂)-哔哩哔哩;云扑克德州PK...
科普分享(WPk)外挂透明挂辅... 科普分享(WPk)外挂透明挂辅助工具(透视)的确是真的有挂(2024已更新)(哔哩哔哩)1、不需要A...
玩家必看(wpk安卓)外挂透明... 玩家必看(wpk安卓)外挂透明挂辅助脚本(辅助挂)发牌规律(今日头条)-哔哩哔哩1、完成wpk安卓的...
今日头条(aapoker手游版... 今日头条(aapoker手游版)外挂透明挂辅助工具(透视)透视辅助(新版有挂)-哔哩哔哩;aapok...
玩家必看秘籍!德州wpk(WE... WePoker透视辅助版本稳定性对比与推荐‌:玩家必看秘籍!德州wpk(WEPOKE)外挂透明挂辅助...