: Poche etichette dati non vengono visualizzate per una serie

Sto creando un istogramma utilizzando Grafici elevati: non sono in grado di mostrare tutte le etichette dati per tutte le serie nel grafico. Ho due serie in un istogramma mentre la prima serie mostra tutte le etichette dei dati, mentre la seconda serie non visualizza alcune delle etichette dati mentre ne visualizza altre.: Poche etichette dati non vengono visualizzate per una serie

Un aiuto tempestivo sarà apprezzato.

Si prega di fare riferimento allo Fiddle Sample per avere le mani.

"chart": { 
     "type": "column", 
     "plotShadow": false, 
     "polar": false, 
     "renderTo": "" 
    }, 
    "credits": { 
     "enabled": false 
    }, 
    "title": { 
     "text": "" 
    }, 
    "xAxis": { 
     "categories": ["Category 1", "Category 2", "Category 3", "Category 4", "Category 5", "Category 6", "Category 7", "Category 8", "Category 9"], 
     "labels": { 
      "enabled": true, 
      "style": { 
       "fontSize": "8px", 
       "fontFamily": "Arial" 
      } 
     }, 
     "lineWidth": 1, 
     "tickWidth": 0, 
     "title": { 
      "text": "", 
      "style": { 
       "fontFamily": "Arial" 
      } 
     } 
    }, 
    "yAxis": { 
     "lineWidth": 1, 
     "title": { 
      "text": "", 
      "style": { 
       "fontFamily": "Arial" 
      } 
     }, 
     "gridLineWidth": 0, 
     "labels": { 
      "enabled": true, 
      "format": "{value:.0f}", 
      "style": { 
       "fontSize": "8px", 
       "fontFamily": "Arial" 
      } 
     }, 
     "startOnTick": true, 
     "endOnTick": true 
    }, 
    "series": [{ 
     "name": "Company Value", 
     "data": [{ 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 63.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 24.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 177.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 197.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 224.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 297.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 349.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 903.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "Adidas Group", 
      "color": "#f1b11d", 
      "y": 20.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }], 
     "regression": false, 
     "enableMouseTracking": true, 
     "color": "#f1b11d", 
     "showInLegend": false 
    }, { 
     "name": "All Companies Average Score", 
     "data": [{ 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 25.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 18.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 90.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 1821.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 84.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 83.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 97.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 241.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }, { 
      "name": "All Companies", 
      "color": "#00aeef", 
      "y": 12.0, 
      "showInLegend": false, 
      "dataLabels": { 
       "align": "center", 
       "enabled": true, 
       "borderColor": "", 
       "rotation": 0, 
       "style": { 
        "fontSize": "8px", 
        "fontFamily": "Arial" 
       } 
      }, 
      "borderColor": "#ffffff", 
      "enableMouseTracking": false, 
      "sliced": false, 
      "selected": false 
     }], 
     "regression": false, 
     "enableMouseTracking": true, 
     "color": "#00aeef", 
     "showInLegend": false 
    }], 
    "plotOptions": { 
     "series": { 
      "enableMouseTracking": false, 
      "dataLabels": { 
       "color": "#000000", 
       "enabled": true, 
       "borderColor": "", 
       "format": "{y:.0f}" 
      } 
     }, 
     "column": { 
      "pointWidth": 20 
     } 
    }, 
    "exporting": { 
     "enabled": false 
    }, 
    "tooltip": { 
     "enabled": true, 
     "pointFormat": "{series.name}: {point.y:.0f}", 
     "shared": false, 
     "headerFormat": "" 
    }, 
    "legend": { 
     "enabled": false, 
     "x": 0, 
     "floating": false, 
     "shadow": false, 
     "reversed": false, 
     "y": 0 
    }

fonte

2015-02-23 Bhupendra

Impostare [allowOverlap] (http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.allowOverlap) true: http: // jsfiddle .net/cthzmsg0/1/ –

@ PawełFus: Grazie ha funzionato – Bhupendra

@PawelFus: Grazie mille per queste informazioni. Questo mi ha aiutato molto. Per favore aggiungilo come risposta. –

Set plotOptions.series.dataLabels.allowOverlap opzione per true: http://jsfiddle.net/cthzmsg0/1

fonte

2015-05-12 15:56:39

Grazie mille! Questo mi ha infastidito per mesi :) – davaus

come aggiungere il nome della serie X asse 'function BarSeriesData (val, name) {barChart.series [0] .name = name; barChart.series [0] .setData (val);} 'In questo nome in codice il valore non si riflette nel grafico, ma setData funziona. – Vijayaraghavan

Utilizzare [series.update()] (http://api.highcharts.com/highcharts/Series.update). –

: Poche etichette dati non vengono visualizzate per una serie

risposta

Problemi correlati