API值来设置不透明度级别以显示 highcharts 散点图中的重叠点？

uz75evzq 于 2022-11-10 发布在 Highcharts

关注(0)|答案(2)|浏览(176)

查看散点图的演示，我可以看到当两个点重叠时，它们会变得更加不透明：https://www.highcharts.com/demo/scatter

我正在从Drupal站点的字段中提取数据，然后通过一个提供的模块构建JSON以提供给Highcharts，该模块覆盖alpha透明度值并仅输出opaque / opacity = 1 <path>元素。我能够通过传入适当的API选项ala $chart['series'][0]['opacity'] = .6;将不透明度反馈给图表，但是点的重叠区域不支持“I don“我不会像我所期望的那样变成0.8：

我还没有找到API调用来管理这个问题，有没有什么方法可以通过plotOptions.scatter.overlap或其他方式传递一个值来恢复这个行为？

update：系列之间有透明度，但它们之间的标记上没有透明度-这是有意义的，因为我在系列级别应用不透明度，而就我所知，标记级别没有它的选项。

@塞巴斯蒂安Hajdus的答案并没有解决这个问题，因为lineColor的默认值实际上是#fff（白色），而fillColor为空只是继承了序列的颜色。

highcharts

来源：https://stackoverflow.com/questions/72051924/api-values-to-set-opacity-levels-to-show-overlapping-points-in-highcharts-scatte

2条答案

按热度按时间

kcugc4gi1#

在null中填入lineColor和fillColor属性，以启用预设设定。

plotOptions: {
    scatter: {
      opacity: 0.5,
      marker: {
        radius: 20,
        lineWidth: 2,
        lineColor: null,
        fillColor: null,
      }
    }
  },

现场演示：https://jsfiddle.net/BlackLabel/tbpn63uc/1/

赞(0）回复(0）举报 2022-11-10

unguejic2#

series.scatter.color最终成为我使用API更改散点图上的标记不透明度所需的值。
可悲的是，散点图没有fillOpacity ala series.bubble.marker.fillOpacity，这将使我的生活更容易。
传递以下行对我很有效：

$chart['series'][0]['color'] = 'rgba(83, 223, 83, .5)';
$chart['series'][1]['color'] = 'rgba(223, 83, 83, .5)';
$chart['series'][2]['color'] = 'rgba(83, 83, 223, .5)';

赞(0）回复(0）举报 2022-11-10

我来回答

API值来设置不透明度级别以显示 highcharts 散点图中的重叠点？

2条答案

相关问题

热门标签

最新问答