Question: Problem with hAxis slantedText and slantedTextAngle not work

1,266 views
Skip to first unread message

rodrigo torres

unread,
Apr 22, 2016, 5:34:21 PM4/22/16
to Google Visualization API

Dear all,

I have a problem with the hAxis this not work in my line google chart. The graphic is displayed correctly but when I use the hAxis with slantedText and slantedTextAngle these not have effect in the graphic this continue display the hAxis horizontal position. My data have the first column with string and the other columns with number. Your help is appreciated.

    function DrawNTRChart() {
      var jsonData = {/literal}{$getListaUso}{literal};
     
        var options = {
        chart: {
          title: 'Trafico NRTDE Clientes Outbound'
        },
        width: 800,
        height: 400,
        hAxis: {
            textPosition : 'out',
            slantedText: true,
            slantedTextAngle:90
        }
        };

      var data = new google.visualization.DataTable(jsonData);

      var chart = new google.charts.Line(document.getElementById('line_top_x'));

      chart.draw(data, options);
    }


Daniel LaLiberte

unread,
Apr 23, 2016, 3:08:12 PM4/23/16
to Google Visualization API
The slanted text options are not supported by the material charts yet.  If you want that feature, you might consider using the theme: 'material' option with classic charts, LineChart in your case.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/cac7f816-11bf-4572-9993-aad60dcbc53e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

rodrigo torres

unread,
Apr 26, 2016, 6:41:32 PM4/26/16
to Google Visualization API
Dear Daniel,

Thanks you very much for your response. I was of great help.

El sábado, 23 de abril de 2016, 15:08:12 (UTC-4), Daniel LaLiberte escribió:
The slanted text options are not supported by the material charts yet.  If you want that feature, you might consider using the theme: 'material' option with classic charts, LineChart in your case.
On Fri, Apr 22, 2016 at 5:34 PM, rodrigo torres <franz...@gmail.com> wrote:

Dear all,

I have a problem with the hAxis this not work in my line google chart. The graphic is displayed correctly but when I use the hAxis with slantedText and slantedTextAngle these not have effect in the graphic this continue display the hAxis horizontal position. My data have the first column with string and the other columns with number. Your help is appreciated.

    function DrawNTRChart() {
      var jsonData = {/literal}{$getListaUso}{literal};
     
        var options = {
        chart: {
          title: 'Trafico NRTDE Clientes Outbound'
        },
        width: 800,
        height: 400,
        hAxis: {
            textPosition : 'out',
            slantedText: true,
            slantedTextAngle:90
        }
        };

      var data = new google.visualization.DataTable(jsonData);

      var chart = new google.charts.Line(document.getElementById('line_top_x'));

      chart.draw(data, options);
    }


--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.



--
Reply all
Reply to author
Forward
0 new messages