Search Posts

Category: google-visualization

Google column chart bars width

I’ve got angular2 and google charts. My component code is: playstoreRatingChart(data) { let dateTitle: any = ‘Date’; let ratingTitle: any = ‘Rating’; let dataTable = [[dateTitle, ratingTitle, { “role”: ‘annotation’ }, { role: ‘style’ }]]; data.playstore_rating.forEach(function (obj) { let newDate = new Date(obj.year, obj.month-1, obj.day) let rating = obj.rating; let rowRating = Number(rating.toFixed(2)); let test = parseFloat(rating.toFixed(2)); let row = [newDate, test, test, ‘width:22; stroke-color: #871B47; stroke-opacity: 0.6; stroke-width: 12; fill-color: #BC5679; fill-opacity: 0.2’]; dataTable.push(row) […]

issue with data on the tooltip display

I am working on google charts. I have created a ColumnChart using angularjs google charts. I’m facing issue with the tooltip on mouseover on the bars when the series is hidden by selecting the legend. When clicked on the legend i’m hiding the series of data and when mouseover on the bar after clicking on the legend to hide the data, i see a null value is shown for the hidden series on the tooltip, […]

Drilldown charts in angular js using google charts directives

We are new to angularjs v4. We have a requirement of drilldown charts in google charts. We are using ng2-google-charts directives. We are able to find the select event and updated the data. but chart is not reloading. Could any one please help on this. view: index.html <pre> <br/> <google-chart #drillchart [data]=’pieChartData’ type=”BarChart” (chartSelect)=’select($event)’> </google-chart> </pre> Component.ts: pieChartData = { chartType: ‘BarChart’, dataTable: [ [‘Country’, ‘Poulation’], [‘Ind’, 25], [‘Rus’, 10], [‘Chi’, 30], [‘USA’, 15], [‘UK’, […]

Google visualisation charts

I have a problem with position of my chart, I want to put chart a 100% width from begin to end. my code test.controller(‘testCtrl’, [‘$scope’, function ($scope) { console.log(‘test chart’); var data = google.visualization.arrayToDataTable([ [‘Minute’, ‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’], [‘0 min’, 0.72, 0.64, 0.55, 0.47, 0.68, 0.39], [”, 0.62, 0.69, 0.65, 0.51, 0.66, 0.37], [’45 min’, 0.69, 0.51, 0.55, 0.43, 0.54, 0.44], [”, 0.79, 0.68, 0.70, 0.57, 0.59, 0.41], [’90 min’, 0.66, 0.71, […]