В jsfiddle у них есть возможность установить,no wrap(head)no wrap(body)OnDomReady а такжеOnLoad в левом варианте. В моей программе установитьno wrap(head) состояние. Его работа отлично. Но как я перехожу в HTML-файл. То же самое условие мне нужно установить в моем HTML-файле.

Демо-версия:JSFIDDLE

Здесь я установилno-wrap(head)Как установить HTML-файл так же, какno-wrap(head)?.

Вот мой полный код

 

google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
var data = google.visualization.arrayToDataTable([
    ['Country', 'Popularity'],
    ['Germany', 200],
    ['United States', 300],
    ['Brazil', 400],
    ['Canada', 500],
    ['France', 600],
    ['Russia', 700]
]);

// this chart is drawn in a visible div and then immediately hidden
var chart1 = new google.visualization.PieChart(document.getElementById('chart_1'));

google.visualization.events.addListener(chart1, 'ready', function () {
    // hide the div when done drawing
    document.getElementById('chart_1').style.display = 'none';

    // create an event listener for the button that shows the chart
    document.getElementById('clickMe1').onclick = function () {
        document.getElementById('chart_1').style.display = 'block';
    }
});

// show the div before you draw
document.getElementById('chart_1').style.display = 'block';

chart1.draw(data, {
    height: 300,
    width: 400,
    title: 'Chart 1'
});


// this chart only gets drawn when the button is clicked
var chart2 = new google.visualization.PieChart(document.getElementById('chart_2'));

// create an event listener for the button that shows the chart
document.getElementById('clickMe2').onclick = function () {
    document.getElementById('chart_2').style.display = 'block';
    chart2.draw(data, {
        height: 300,
        width: 400,
        title: 'Chart 2'
    });               
}
}


#visualization path {
cursor: pointer
}


  
  




  

Спасибо за совет.