¿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/

  • Cambiar datos dinámicamente para una serie en Highcharts
  • Generación de charts HighStock del lado del server con NodeJS
  • Ocultar svg partes en la printing
  • chart.renderTo no funciona
  • Highchart en una nueva window
  • Highcharts: mantenga la información sobre herramientas que se muestra onclick
  • La function de mouse mouseover / mouseover de Highcharts es lenta en Chrome pero no lenta en Firefox o IE
  • ¿Cómo pasar los datos de json a la serie Highcharts?
  • Highcharts: ¿cambia dinámicamente el formateador ToolTip?
  • No quiero círculos en mi línea Highchart
  • Hacer que los charts de Highcharts.js se vean bien en dispositivos mobilees y de escritorio
  • ¿Cómo agregar una ttwig a un gráfico de barras en Highcharts?
  • Highcharts: agregue un button de image personalizada
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.