如何以这种方式自定义极坐标图?

时间:2015-12-09 10:24:50

标签: highcharts

我使用的是Highcharts 4.0。

这是我使用默认参数获得的。

enter image description here

我想在我无法找到文档时对其进行自定义。

这就是我的期望:

  1. 背景多边形可以指定的颜色/透明度填充(例如,此图中的深绿色)
  2. 可以以指定的颜色/透明度(例如,此图中的蓝色)填充有价值的多边形
  3. 可以显示值编号
  4. 可以隐藏不需要的比例数(0,2.5,5)
  5. enter image description here

1 个答案:

答案 0 :(得分:2)

Highcharts-API-Doc:http://api.highcharts.com/highcharts

中描述了所有这些选项

1)背景多边形可以指定的颜色/透明度填充(例如,此图中的深绿色)

这很棘手。您可以尝试将plotBand添加到yAxis,但是您需要知道最大值,否则会留下白色间隙。所有其他选项(为窗格或chart.plotBackgroundColor选项设置背景颜色不会考虑极坐标图的形状。

yAxis: {
  plotBands: {
    from:0,
    to: 75000,
    color: '#0c0'
  }
}

2)可以以指定的颜色/透明度填充有价值的多边形(例如,此图中的蓝色)

将系列的类型设置为'区域',然后您可以直接在系列中或通过plotOptions.series-Object

设置样式
series: [{
  name: 'Whatever',
  type: 'area',
  data: [...]
}]

[...]

plotOptions: {
  area: {
    fillOpacity: 0.9
  }
}

3)可以显示值编号

对于区域,将dataLabels.enabled属性设置为true

plotOptions: {
  area: {
    dataLabels: {
      enabled: true
    }
  }
}

4)可以隐藏不需要的比例数(0,2.5,5)

将yAxis的labels.enabled属性设置为false

yAxis: {
  labels: {
    enabled: false
  }
}

小提琴http://jsfiddle.net/doc_snyder/qnqux036/