Utilisation de la Classe CSS dans HighCharts

Au lieu de spécifier des styles CSS avec highchart des options telles que (fontWeight, fontColor, etc), est-il possible d'utiliser des classes CSS pour le style les différents éléments d'un graphique?

OriginalL'auteur user2041354 | 2013-02-04

  1. 5

    Dans de nombreux cas (info-bulle,étiquettes), vous pouvez régler useHTML comme vrai, et ensuite utiliser des styles CSS sans !important ou de l'utilisation du module de formatage de définir vos propres éléments avec des styles CSS.

    Exemple http://api.highcharts.com/highcharts#tooltip.useHTML

    OriginalL'auteur Sebastian Bochan

  2. 3

    Oui, vous devez utiliser !Important parce que c'est la seule façon de remplacer inline style.

    Votre graphique est rendu sur certains contenus qui vous avez à passer l'id sur chart.rendertTooption.

    Ainsi vous pouvez faire correspondre les éléments de votre tableau contenant, par exemple.

    #container text {
    font-size: 14px !Important;
}

    Démo

    OriginalL'auteur Ricardo Alvaro Lohmann

  3. 0

    Votre highcharts graphique est un SVG dans votre code html.
    Vous devez inspecter les SVG code source, à savoir le nom de la classe et puis vous pouvez les utiliser dans votre CSS.
    Vous devez ajouter !important parce que certains styles par défaut existent déjà dans le SVG.

    Par exemple
    Vous pouvez utiliser 

    text { 
    fill:red !important;
    font-family: "Arial" !important;
    font-size  : 12px !important;
}

    Pour définir la police par défaut de la couleur, de la famille et le style de

    ou

    .highcharts-yaxis-labels text
{
   (some css )
}

    pour définir l'axe des y des étiquettes de style

    OriginalL'auteur Sly

  4. 0

    Vous pouvez utiliser le nom de classe css dans highcharts 'graphique' option mais ces changements ne reflètent pas exportés graphique. Par exemple:

    chart{
    type: 'line',
    className: 'someCss'
}

    css:

    .someCss{
    border-top-left-radius: 25px;
    font-weight: bold;
    font-style: italic;
}

    OriginalL'auteur Asad Sarwar