Centrar Título Google Chart

Question

¿Cómo puede centrar el título I en un gráfico de línea de Google Charts API (no Google Gráfico de Imágenes)

no veo ninguna opción como titlePosition: 'centro'

Gracias !

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); 
} 

Answer 1

Esta opción no es proporcionado por the API; simplemente no puedes hacer esto.

Answer 2

Another answer sugiere algo como lo siguiente:

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

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

Answer 3

que utilizo: titlePosition: 'ninguno'

e insertar un título con HTML normales

Answer 4

Usted puede hacer esto fácilmente con la información de devolución de llamada de la tabla después de que se ha dibujado y un poco o f matemática trabajando en un texto en un div.

Contenga su gráfico en una posición: relativa div. Agregue un div debajo del gráfico y colóquelo junto con el gráfico absoluto.

Luego puede mover las posiciones de la parte superior del div & con un poco de matemáticas de la escuela secundaria.

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

Answer 5

Después de dibujar el gráfico, llame a la función de controlador de eventos:

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

y definir la función como:

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>'); 
} 

basta con insertar el título de la tabla y añadir los atributos X:500 , y:141.

Answer 6

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

See my explanation here

Answer 7

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

//

O

$("#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)); 

Answer 8

document.getElementById ('divId'). GetElementsByTagName ('texto') [0] .setAttribute ('x', '350')