Multiple column chart on same page with same font name

24 views
Skip to first unread message

Navneet GVM

unread,
Jan 22, 2020, 12:31:55 AM1/22/20
to Google Visualization API
i have added two column chart on html page. it is worked very well.
but while i set same font name in both chart option then one child automatically disapper.

example code :

  var data = google.visualization.arrayToDataTable([
          ['Year', '1-3 months', '3-5 months', '5-7 months', '7+ months'],
          ['<$5k', 25, 40, 17, 8],
          ['$5-25k', 20, 40, 30, 10],
          ['$25-100k', 15, 42, 33, 20],
          ['$100k+', 10, 40, 25, 25]
    ]);

    var options = {
        title: 'Ramp Time by ACV',
        fontName: 'Poppins',
        fontSize: '12',
        isStacked: 'percent',
        legend: { position: 'top', maxLines: 3 },
        colors: ['#5c88ba', '#88ac67', '#f29d38', '#c64747']
    };

    // Instantiate and draw the chart.
    var chart = new google.visualization.ColumnChart(document.getElementById('graphResponse1'));
    chart.draw(data, options);
Reply all
Reply to author
Forward
0 new messages