0
277
Vistas¿Valores de API para establecer niveles de opacidad para mostrar puntos superpuestos en la dispersión de gráficos altos?
Mirando la demostración de los gráficos de dispersión, puedo ver que cuando dos puntos se superponen, se vuelven más opacos: https://www.highcharts.com/demo/scatter
Estoy extrayendo datos de los campos en un sitio de Drupal, que luego está construyendo el JSON para alimentar a Highcharts a través de un módulo contribuido que anula los valores de transparencia alfa y solo genera elementos opacos / opacity = 1 <path> . Pude devolver la opacidad al gráfico pasando la opción de API adecuada ala $chart['series'][0]['opacity'] = .6; sin embargo, las áreas superpuestas de los puntos no se convierten en algo como .8 como cabría esperar:
No he podido encontrar la llamada API para administrar esto, ¿hay alguna forma de pasar un valor a través de plotOptions.scatter.overlap o lo que sea para recuperar este comportamiento?
actualización : hay transparencia entre las series, pero no en los marcadores entre ellas, lo que tiene sentido ya que estoy aplicando opacidad en el nivel de la serie y no hay una opción para ello en el nivel del marcador, por lo que puedo decir.
La respuesta de @Sebastian Hajdus no resuelve el problema, ya que el valor predeterminado para lineColor es en realidad #fff (blanco), y el color de fillColor es nulo simplemente hereda el color de la serie.
2 Respuestas
Responde la pregunta0
Rellene las propiedades lineColor y fillColor en el null para habilitar la configuración predeterminada.
plotOptions: { scatter: { opacity: 0.5, marker: { radius: 20, lineWidth: 2, lineColor: null, fillColor: null, } } },Demostración en vivo: https://jsfiddle.net/BlackLabel/tbpn63uc/1/
0
series.scatter.color terminó siendo el valor que necesitaba para cambiar la opacidad del marcador en los gráficos de dispersión usando la API.
Lamentablemente, no hay fillOpacity para los gráficos de dispersión ala series.bubble.marker.fillOpacity , lo que me habría facilitado la vida.
Pasar las siguientes líneas funcionó para mí:
$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)';