如何在高图表中创建曲线下的高光区域？-Java 学习之路

我使用角度4创建一个高图表，我想突出显示Highchart的特定部分 .
前图片：https://www.screencast.com/t/MHxo59j2dM

如上图所示，如果数据点值低于某个限制（如0），则用“ Red ”颜色突出显示，如果低于8，则用 Yellow 突出显示

我不确定是否可以使用Highchart，但如果有人创建了这种功能，请告诉我 .

Highchart提供Area Chart选项 - https://www.highcharts.com/demo/area-negative但我的图表是正常的，我不想突出显示所有系列点 .

1 回答

在Highcharts中没有这样的功能，但您可以使用 polygon 系列和绘图线来模仿它：

var chart = Highcharts.chart('container', {

    plotOptions: {
    polygon: {
        showInLegend: false
    }
  },

    yAxis: {
    tickInterval: 1,
    plotLines: [{
        value: 4,
      color: 'orange',
      width: 2
    }, {
        value: 3,
      color: 'red',
      width: 2
    }]
  },

  series: [{
    data: [6, 4, 3, 1, 2, 3, 4, 7]
  }, {
    type: 'polygon',
    data: [[1,4], [2, 4], [2,3]],
    color: 'orange'
  }, {
    type: 'polygon',
    data: [[5,4], [6, 4], [5,3]],
    color: 'orange'
  }, {
    type: 'polygon',
    data: [[2,3], [5, 3], [4,2], [3,1], [2,3]],
    color: 'red'
  }]
});

Live working example: http://jsfiddle.net/kkulig/fbomb7cf/

它需要一些编程才能使创建这些区域的过程自动化（在我的小提琴中，所有内容都是硬编码的） .

要实现类似的样式，您可以尝试 patter fill Highcharts插件：https://www.highcharts.com/blog/extension/pattern-fill/

API references:

回复于 2024-04-24T04:03:15+08:00

如何在高图表中创建曲线下的高光区域？

1 回答

相关问题