Centre D'Aligner Le Titre Google Chart

Comment puis-je centre le titre dans un Graphique en Ligne de Google API Graphiques (Pas de graphiques Google Images)

Je ne vois pas d'options comme titlePosition: 'center'

Merci!

function drawVisualization() {
  //Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['xValues', 'yValues'],
    [0, 34.92],
    [389, 39.44],
    [488, 52.11],
    [652, 55.4]
  ]);

  var options = {
    curveType: 'none', //'function'
    title: 'Title',
    titleTextStyle: {
      color: '333333',
      fontName: 'Arial',
      fontSize: 10
    },
    legend: 'none',
    enableInteractivity: false
  };

  var chart = new google.visualization.LineChart(document.getElementById('visualization'));
  chart.draw(data, options);
}
Double Possible de Google Graphiques: Graphique en secteurs titre
Cela semble une solution raisonnable: Centre d'aligner le titre dans Google Chart

OriginalL'auteur Turnercj65 | 2012-06-29

  1. 19

    Cette option n'est pas fournie par l'API; vous ne peut tout simplement pas faire cela.

    OriginalL'auteur Lightness Races in Orbit

  2. 10

    J'utilise:
    titlePosition: 'none'

    Et insérer un titre avec HTML normal

    OriginalL'auteur Werner

  3. 4

    Une autre réponse suggère quelque chose comme ce qui suit:

    $("text:contains(" + vencOptions.title + ")").attr({'x':'60', 'y':'20'})

    Source: https://stackoverflow.com/a/16291236/364

    OriginalL'auteur Matt Mitchell

  4. 2

    Après avoir tracé le graphique, à l'appel de la fonction de gestionnaire d'événement:

    google.visualization.events.addListener(chart, 'ready', Title_center);

    Et définir la fonction:

    function Title_center(){

     var title_chart=$("#payer_chart_div svg g").find('text').html();   

     $("#payer_chart_div svg").find('g:first').html('<text text-anchor="start" x="500" y="141" font-family="Arial" font-size="18" font-weight="bold" stroke="none" stroke-width="0" fill="#000000">'+title_chart+'</text>');
}

    Il suffit d'insérer le titre de votre tableau et ajouter les attributs X:500,y:141.

    OriginalL'auteur Anuja Saravanan

  5. 1

    Vous pouvez facilement le faire avec le rappel des informations à partir de la carte après qu'elle a été dessinée et un peu de maths à travailler sur du texte dans un div.

    Contenir votre carte dans un position:relative div. Ajouter un div en vertu de la graphique et de la position à la fois et le graphique absolu.

    Ensuite, vous pouvez déplacer le div du haut & à gauche des positions avec un peu de lycée en mathématiques.

    <https://jsfiddle.net/o6zmbLvk/2/>

    OriginalL'auteur Ray Myers

  6. 0
    $("#YOUR_GRAPH_WRAPPER svg text").first()
   .attr("x", (($("#time-series-graph svg").width() - $("#YOUR_GRAPH_WRAPPER svg text").first().width()) / 2).toFixed(0));

    Voir mon explication ici

    OriginalL'auteur tkhuynh

  7. 0
    $("text:contains(" + vencOptions.title + ")").attr({'x':'60', 'y':'20'})

    //OU

    $("#YOUR_GRAPH_WRAPPER svg text").first().attr("x", (($("#time-series-graph svg").width() - parseInt($("#YOUR_GRAPH_WRAPPER svg text").first().attr('x'),10)) / 2).toFixed(0));

    OriginalL'auteur ravi chandra

  8. -1

    document.getElementById ("divid').getElementsByTagName('texte')[0].setAttribute('x', '350')

    Salut Daniel, vous êtes en mesure d'ajouter à l'appui du texte de cette réponse? Expliquer pourquoi cela fonctionne, et peut-être lier à l'appui de l'API de documents.
    Veuillez fournir une description de ce que votre code ne.

    OriginalL'auteur Daniel Baradel