拥有Highcharts默认情况下会使用多种颜色渲染条形图/柱形图

3 回答

• 0

  这里有几个问题......

  （1）"By default on the Highcharts site, all the lines on a bar/column chart are a different color."
  这不是真的 . highcharts网站的首页有一个柱形图，所有列都有相同的颜色 . http://www.highcharts.com/

  （2）当您在网站上实施条形图时， series 中只有一个 series 或多个对象？我的猜测是你的 series 中只有一个对象，在这种情况下，一个 series 只能通过highcharts用一种颜色编码 .

  （3）打开jsfiddle中的一个highcharts示例 . http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

  更改数据，以便：

  series: [{
          name: 'Year 1800',
          data: [107, 31, 635, 203, 2]
      }, {
          name: 'Year 1900',
          data: [133, 156, 947, 408, 6]
      }, {
          name: 'Year 2008',
          data: [973, 914, 4054, 732, 34]
      }]
  

  ...减少到这个：

  series: [{
          name: 'Year 1800',
          data: [107, 31, 635, 203, 2]
      }]
  

  你应该只看到一种酒吧颜色 .

  希望这可以帮助 .

  回复于 2024-04-30T01:24:00+08:00
• 0

  将其添加到图表构造函数中：

  colors: ['#0D233A', '#2F7ED8', '#AAAAAA'],
  plotOptions: {
      series: {
      colorByPoint: true
      }
  },
  

  对于每个系列，它将按顺序浏览颜色列表并为每个条形/列着色，如果到达列表末尾，则从头开始重复 .

  jsFiddle

  回复于 2024-04-30T01:24:00+08:00
• 0

  每个系列都有自己的 color ，如下例所示：http://jsfiddle.net/z5sGy/

  但您可以使用颜色来定义自己的订单：http://api.highcharts.com/highcharts#colors

  如果要修改每个数据点的颜色，可以为数据定义此参数 .

  http://jsfiddle.net/z5sGy/1/

  回复于 2024-04-30T01:24:00+08:00