Changement de HighCharts couleur d'arrière-plan?

Je ne sais pas vraiment comment faire.

J'ai besoin de changer la couleur de fond de cette highcharts graphique:

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-spider/

Mais je ne semble pas être en mesure de le faire - il ne semble pas y avoir de place pour mettre la couleur de fond la mise en?

J'ai essayé d'écrire un grand nombre de valeurs différentes dans cette section:

chart: {
        polar: true,
        type: 'line'
},

Mais il n'a rien fait ( de temps en temps a cassé ce script ).

Ce que je dois modifier quelque part dans le inclus .fichiers js? Ou peut-il être fait au niveau de la ce chargé de script?

JS est vraiment déroutant. Quelqu'un peut-il m'aider?

  • L'arrière-plan de l'ensemble du graphique, ou tout simplement de la section au sein de l'hexagone?
InformationsquelleAutor user3010273 | 2013-12-22
  1. 27

    Prendre un coup d'oeil à la Highcharts API ici: http://api.highcharts.com/highcharts#chart--backgroundColor et vous verrez, il est une propriété de l'objet graphique qui peut prendre une couleur unie:

    {
  chart: {
     backgroundColor: '#FCFFC5',
     polar: true,
     type: 'line'
  }
}

    Ou Gradiant:

    {
  chart: {
    backgroundColor: {
       linearGradient: [0, 0, 500, 500],
       stops: [
         [0, 'rgb(255, 255, 255)'],
         [1, 'rgb(200, 200, 255)']
       ]
     },
     polar: true,
     type: 'line'
  }
}
    • Merci, a fonctionné comme un charme!
    • J'ai essayé ces deux pour un graphique en secteurs, mais la ne cesse d'apparaître dans le svg de toute façon, en remplaçant le réglage: <rect x="0" y="0" width="655" height="328" strokeWidth="0" fill="#FFFFFF" class=" highcharts-background"></rect>
    InformationsquelleAutor Omnilord
  2. 2

    Il y a un backgroundColor balise, vous pouvez utiliser: (http://jsfiddle.net/aeP4E/)

    chart: {
      polar: true,
      type: 'line',
      backgroundColor:'blue' 
},
    InformationsquelleAutor Paul Lo
  3. 1

    Que vous voulez
    `

    chart: {
            polar: true,
            type: 'line',
            backgroundColor:'rgba(255, 255, 255, 0.1)'
        }

    `

    InformationsquelleAutor HDT
  4. 0

    Démo

    Vous pouvez data: [[0, 0, true], vous pouvez masquer la valeur par " false " et vous pouvez définir votre dégradé
    par 

      colorAxis: {
        min: 0,
        stops: [
         [0, '#5DBA76'],
        [0.4, '#ffff00'],
        [0.8, '#F30000']
    ],
        minColor: '#ff0000',
        maxColor: '#ffff00'
    },

    Merci 🙂

    InformationsquelleAutor Smoke
  5. 0

    vous pouvez masquer la valeur par la valeur 'false'

    data: [[0, 0, false], [0, 1, 2], [0, 2, 3], [0, 3, 4], [0, 4, 5], [1, 0, 2], [1, 1, 4], [1, 2, 6], [1, 3, 8], [1, 4, 10], [2, 0, 3], [2, 1, 6], [2, 2, 9], [2, 3, 12], [2, 4, 15], [3, 0, 4], [3, 1, 8], [3, 2,12], [3, 3, 16], [3, 4, 20], [4, 0, 5], [4, 1, 10], [4, 2, 15], [4, 3, 20], [4, 4, 25]

    http://jsfiddle.net/3527r4ty/1/

    • Pourriez-vous préciser votre réponse en ajoutant un peu plus de description sur la solution que vous fournissez?
    InformationsquelleAutor Avinash Sharma