Apexcharts的series几种写法

最新推荐文章于 2024-05-28 10:15:47 发布

ohmorning

最新推荐文章于 2024-05-28 10:15:47 发布

阅读量673

点赞数

文章标签： apexcharts series

本文链接：https://blog.csdn.net/qq_41818857/article/details/115672507

版权

方式一：

xaxis:{
  type:'categories'
  categories: ["Jan", "Feb", "Mar", ... , "Dec"]
}
series:[{
  data: [23, 34, 12, 54, 32, ... , 43]
}]

方式二：

series: [{
  data: [[1, 34], [3, 54], [5, 23] , ... , [15, 43]]
}], 
xaxis: {
  type: 'numeric'
}

方式三：

series: [{
    data: [{
        x: 20,
        y: 54
    }, {
        x: 30,
        y: 66
    }],
}],
xaxis: {
  type: 'numeric'
}

方式四：

series: [{
    data: [{
        x: 'Apple',
        y: 54
    }, {
        x: 'Orange',
        y: 66
    }],
}],
xaxis: {
  type: 'category'
}

方式五：

xaxis: {
  type: 'datetime'
}
series: [{
  data: [[1324508400000, 34], [1324594800000, 54] , ... , [1326236400000, 43]]
}]

方式六：

xaxis: {
  type: 'datetime'
}
series: [{
  data: [{ x: '05/06/2014', y: 54 }, { x: '05/08/2014', y: 17 } , ... , { x: '05/28/2014', y: 26 }]
}]

方式七：

series: [23, 11, 54, 72, 12],
labels: ["Apple", "Mango", "Banana", "Papaya", "Orange"]

关注