¿Cómo puedo obligar a Highcharts a utilizar los mismos símbolos en Legend y Series?

Intento dibujar series múltiples con símbolos específicos (símbolos estándar de Highcharts). Pero los símbolos en serie y en leyenda no coinciden. En serie, se muestran correctamente, pero en las leyendas son algo aleatorio …

Ejemplo: http://jsfiddle.net/ogkh77r7/1/

$(function () { var chart = new Highcharts.Chart({ "chart":{ "zoomType":"xy", "renderTo":"container" }, "title":{ "text":null }, "subtitle":{ "text":"text" }, "xAxis":{ "min": - 14, "max":25, "title":{ "text":"text" }, "tickPositions":[ - 14, - 10, - 5, 0, 5, 10, 15, 20, 25], "plotLines":[{ "color":"#C0D0E0", "width":1, "value": - 14}] }, "yAxis":{ "title":{ "text":"text" }, "min":0, "max":967 }, "plotOptions":{ "series":{ "marker":{ "enabled":true } } }, "tooltip":{ "shanetworking":false, "useHTML":true, "formatter":null, "style":{ "border":"none !important", "padding":"0px", "font-size":"1em" } }, "series":[{ "type":"line", "name":"s1", "zIndex":20, "data":[ {"x": - 14, "y":560.944, "marker":{"symbol":"circle"}}, {"x":15.333, "y":0, "marker":{"symbol":"circle"}} ] },{ "type":"line", "name":"s2", "zIndex":19, "data":[ {"x": - 14, "y":5.848, "marker":{"symbol":"circle"}}, {"x":25, "y":5.848, "marker":{"symbol":"circle"}} ] },{ "type":"scatter", "name":"s3", "zIndex":10, "data":[ {"x":0.8, "y":266.667, "marker":{"symbol":"circle"}}, {"x":2.513, "y":242.857, "marker":{"symbol":"circle"}}, {"x":1.675, "y":253.571, "marker":{"symbol":"circle"}} ] },{ "type":"scatter", "name":"s4", "zIndex":9, "data":[ {"x":13.263, "y":35.119, "marker":{"symbol":"diamond"}}, {"x":16.989, "y":13.021, "marker":{"symbol":"diamond"}}, {"x":16.2, "y":9.375, "marker":{"symbol":"diamond"}} ] }, { "type":"scatter", "name":"s5", "zIndex":30, "data":[ {"x": - 14, "y":650.19492, "marker":{"radius":6, "symbol":"triangle"}} ] }, { "type":"scatter", "name":"s6", "zIndex":30, "data":[ {"x":15, "y":5.8, "marker":{"radius":6, "symbol":"triangle-down"}} ] } ], "colors":["#2f7ed8", "#2f7ed8", "#b2b2b2", "#c4c4c4", "#f15c80", "#f15c80"] }); }); 

Yo uso Highcharts y Highstock en la misma página, así que necesito usar Highstock.js. El uso de highcharts.js no soluciona el problema de todos modos.

Sería increíble si alguien pudiera ayudarme con esto, pero supongo que es un error en Highcharts.

Hasta luego, RaTm7

One Solution collect form web for “¿Cómo puedo obligar a Highcharts a utilizar los mismos símbolos en Legend y Series?”

Debes establecer tus definiciones de marcador en la serie, no los datos.

  { "type":"scatter", "name":"s4", "zIndex":9, "marker": { "symbol": "diamond" }, "data":[ {"x":13.263, "y":35.119}, {"x":16.989, "y":13.021}, {"x":16.2, "y":9.375} ] } 

http://jsfiddle.net/8ma4ts9s/

  • Highcharts => Obteniendo el id de un punto onclick en un gráfico de líneas
  • Mostrar N / A en tags de datos, cuando el valor es nulo - Highcharts
  • Eliminando enlace de créditos de highcharts.com
  • Highchart: cambia el color de una sola label del eje x
  • Gráfico circular nested / multinivel / detallado en Javascript?
  • HighCharts problema de ancho completo
  • Problema de renderizado de Highcharts jQuery: todos los browseres
  • Highcharts: cambia el color de background a lo largo del intervalo de dates específico
  • Cambiar el color de la serie en diagtwigs altos dinámicamente
  • HighCharts - Desglose del gráfico de sectores para multinivel (nivel 3 a 4)
  • ¿Highcharts.js tiene un modo de debugging?
  • Cómo modificar el elemento de leyenda de Highcharts click evento?
  • TypeError: $ (...) .highcharts no es una function
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.