API 设置不透明度级别的值以显示高图表散点图中的重叠点?
API values to set opacity levels to show overlapping points in highcharts scatter?
查看散点图的演示,我可以看到当两个点重叠时它们变得更加不透明:https://www.highcharts.com/demo/scatter
我从 Drupal 网站的字段中提取数据,然后构建 JSON 以通过覆盖 alpha 透明度值并仅输出不透明/不透明度 = 1 的贡献模块提供给 Highcharts <path>
个元素。我能够通过传递正确的 API 选项 ala $chart['series'][0]['opacity'] = .6;
将不透明度反馈回图表,但是点的重叠区域不会像我期望的那样变成类似 .8 的东西:
我没能找到管理这个的 API 调用,有没有什么方法可以通过 plotOptions.scatter.overlap 或其他方式传递一个值来恢复这种行为?
更新:系列之间有透明度,但在它们之间的标记上没有-这是有道理的,因为我在系列级别应用不透明度并且没有选项据我所知,它处于标记级别。
@Sebastian Hajdus 的回答没有解决问题,因为 lineColor
的默认值实际上是 #fff(白色),而 fillColor
为 null 只是继承了系列的颜色。
在 null
中填写属性 lineColor
和 fillColor
以启用默认设置。
plotOptions: {
scatter: {
opacity: 0.5,
marker: {
radius: 20,
lineWidth: 2,
lineColor: null,
fillColor: null,
}
}
},
series.scatter.color 最终成为我使用 API.
更改散点图上标记不透明度所需的值
遗憾的是散点图没有 fillOpacity 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)';
查看散点图的演示,我可以看到当两个点重叠时它们变得更加不透明:https://www.highcharts.com/demo/scatter
我从 Drupal 网站的字段中提取数据,然后构建 JSON 以通过覆盖 alpha 透明度值并仅输出不透明/不透明度 = 1 的贡献模块提供给 Highcharts <path>
个元素。我能够通过传递正确的 API 选项 ala $chart['series'][0]['opacity'] = .6;
将不透明度反馈回图表,但是点的重叠区域不会像我期望的那样变成类似 .8 的东西:
我没能找到管理这个的 API 调用,有没有什么方法可以通过 plotOptions.scatter.overlap 或其他方式传递一个值来恢复这种行为?
更新:系列之间有透明度,但在它们之间的标记上没有-这是有道理的,因为我在系列级别应用不透明度并且没有选项据我所知,它处于标记级别。
@Sebastian Hajdus 的回答没有解决问题,因为 lineColor
的默认值实际上是 #fff(白色),而 fillColor
为 null 只是继承了系列的颜色。
在 null
中填写属性 lineColor
和 fillColor
以启用默认设置。
plotOptions: {
scatter: {
opacity: 0.5,
marker: {
radius: 20,
lineWidth: 2,
lineColor: null,
fillColor: null,
}
}
},
series.scatter.color 最终成为我使用 API.
更改散点图上标记不透明度所需的值遗憾的是散点图没有 fillOpacity 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)';