Google Column Chart
Muestra la información de sobre sus códigos de colores. El problema esta en los Resources.
by cesar nieto
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="height: 420px;"></div>
JavaScript
google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart);
var infoGraf = {
graficaUno : []
}
var options = {
//height: DashboardJS_Alto_Graficas,
/*chartArea: {
top: 10,
bottom: 20,
left: 40,
rigth: 10
},*/
legend: { position: 'top', maxLines: 3 },
bar: {
groupWidth: '75%'
},
vAxis: {
format: 'short'
},
//animation: DashboardJS_Animation,
isStacked: true,
colors: ['#072146', '#2A86CA', '#2DCCCD', '#1464A5', '#D8BE75', '#49A5E6','#028484', '#2dcccd'],
annotations: {
textStyle: {
auraColor: 'none'
}
}
};
function drawChart() {
var columns = [0,1,2,3,4,5,6];
var data = google.visualization.arrayToDataTable([
['Periodo','A','B','C','D','E','F'],
['12M 2016',909.409,104.844,427.521,851.7,704.06,341.932],
['12M 2017',1120.49,160.256,562.758,1041.426,757.469,572.431]
]);
var view = new google.visualization.DataView(data);
infoGraf['graficaUno'] = columns;
view.setColumns(columns);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
google.visualization.events.addListener(chart, 'select', function () {
//highlightBar(chart, options, view);
var sel = chart.getSelection();
var view = new google.visualization.DataView(data);
view.setColumns(toggleInfo(sel));
chart.draw(view,options);
});
chart.draw(view, options);
}
function toggleInfo(sel) {
var inText = infoGraf['graficaUno'];
var fndSel = Number(sel[0]['column']);
var nexFndSel = fndSel+1;
var nexSel = inText[nexFndSel];
var txtCol = 0;
if(typeof nexSel == 'object') {
console.log('es objeto');
inText.splice(nexFndSel, 1);
console.log(inText);
infoGraf['graficaUno'] = inText;
} else {
var cntArr = Number(inText.length)-1;
var cntObj = 0;
for(var i=fndSel; i>0; i--) {
if(typeof inText[i] ==...