谷歌互動圖表帶圖像作爲定製html工具提示

好吧，所以我真的很新，所以請耐心等待。我正在嘗試使用來自網絡上其他來源的圖片的自定義HTML工具提示來創建Google交互式折線圖。但我無法得到這個工作;它甚至不會出現。這是我迄今（由developers.google.com指導）：谷歌互動圖表帶圖像作爲定製html工具提示

<html> 
    <head> 
    <!--Load the AJAX API--> 
    <script type="text/javascript" src="https://www.google.com/jsapi"> </script> 
    <script type="text/javascript"> 

     // Load the Visualization API and the chart package. 
     google.load('visualization', '1.0', {'packages':['corechart']}); 

     // Set a callback to run when the Google Visualization API is loaded. 
     google.setOnLoadCallback(drawChart); 

     // Callback that creates and populates a data table, 
     // instantiates the chart, passes in the data and 
     // draws it. 
     function drawChart() { 

     // Create the data table. 
     var dataTable = new google.visualization.DataTable(); 
     dataTable.addColumn('string', 'Date'); 
     dataTable.addColumn('number', 'Slices'); 
     dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}}); 
     dataTable.addRows([ 
     ['January 1, 2015', 3, '<img width=100px src="https://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg">'], 
     ['January 2, 2015', 2, '<img width=100px src="https://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg">'], 
     ['January 3, 2015', 5, '<img width=100px src="https://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg">'], 
     ['January 4, 2015', 4, '<img width=100px src="https://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg">'], 
     ['January 5, 2015', 2, '<img width=100px src="https://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg">'] 
     ]); 

     // Set chart options 
     var options = { 
        tooltip. {isHtml: true}, 
        focusTarget: 'category', 
        'title':'How Much Pizza I Ate', 
        'width':900, 
        'height':400, 
        legend: { position: 'bottom' } 
    }; 

     // Instantiate and draw our chart, passing in some options. 
     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(dataTable, options); 
    } 
    </script> 
    </head>

我知道我可能做一些完全錯誤的。我會很感激某人的幫助。謝謝！

來源

2015-09-23 newt

這是一個錯誤：

tooltip. {isHtml: true}

應該是：

tooltip: {isHtml: true}

如果不解決這個問題，也嘗試回調遷入負荷：

google.load('visualization', '1', {"callback" : drawChart, 'packages': ["corechart"]}); 
//google.setOnLoadCallback(drawChart);

來源

2015-09-23 17:57:19

谷歌互動圖表帶圖像作爲定製html工具提示

回答

相關問題