Apexchart: 径向柱状图中的多个轨道颜色多重
创始人
2024-09-06 23:01:27
0

在Apexcharts中,你可以使用plotOptions选项来设置径向柱状图中的多个轨道颜色多重。以下是一个代码示例:

var options = {
  chart: {
    height: 350,
    type: 'radialBar',
    toolbar: {
      show: true
    }
  },
  plotOptions: {
    radialBar: {
      multipleBars: {
        enable: true
      }
    }
  },
  series: [{
    name: 'Series 1',
    data: [30, 40, 45, 50, 49, 60, 70, 91, 125]
  }, {
    name: 'Series 2',
    data: [45, 55, 60, 58, 52, 42, 36, 28, 16]
  }, {
    name: 'Series 3',
    data: [20, 26, 28, 22, 18, 16, 14, 12, 10]
  }],
  labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
  colors: ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#546E7A', '#26a69a', '#D10CE8', '#FF66C3']
}

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

在上面的示例中,我们通过在plotOptions中的radialBar对象中设置multipleBars.enabletrue来启用多个轨道。然后,我们在series数组中指定了每个轨道的数据。最后,我们使用colors数组来指定每个轨道的颜色。

你可以根据你的需求修改series数组和colors数组以适应你的数据和颜色选择。

相关内容

热门资讯

智能五分钟!德扑胜率计算软件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辅...