Google Chart HTML Tooltip отображает html-текст

Question

Я указал HTML-инструменты в настройках, но он по-прежнему отображает текст HTML в подсказке вместо результата HTML. Как я могу исправить это, чтобы он отображал результат HTML?

создать представление данных и установить столбцы так:

projectView.setColumns([0,1,3,{ 
    type:'string', 
    role:'tooltip', 
    calc:function(dt,row){ 
     var date = dt.getFormattedValue(row,0); 
     var totalErrors = dt.getFormattedValue(row,3); 
     var percent = Math.round((dt.getValue(row,3)/dt.getValue(row,1))*100); 
     return '<div><b>'+ date +'</b><br><b>Error Percent: </b>' + percent + '<br><b>Total Errors: </b>' + totalErrors + '</div>'; 
    } 
}]); 

И варианты, как это:

var options = { 
    width:850, 
    height:375, 
    chartArea: {width: '70%', height: '70%',left: 40,top:25}, 
    hAxis:{format:'MM/dd/yy'}, 
    vAxis:{logScale:false},   
    series:{0:{type:'line'},1:{type:'area'}}, 
    tooltip: { isHtml: true }}; 

Затем я рисую диаграмму:

var projectChart = new google.visualization.ComboChart(document.getElementById('project_chart_div')); 
projectChart.draw(projectView, options); 

Answer 1

Укажите значение html как true в вычисленном столбце для просмотра:

projectView.setColumns([0,1,3,{ 
    type:'string', 
    role:'tooltip', 
    properties: { 
     html: true 
    }, 
    calc:function(dt,row){ 
     var date = dt.getFormattedValue(row,0); 
     var totalErrors = dt.getFormattedValue(row,3); 
     var percent = Math.round((dt.getValue(row,3)/dt.getValue(row,1))*100); 
     return '<div><b>'+ date +'</b><br><b>Error Percent: </b>' + percent + '<br><b>Total Errors: </b>' + totalErrors + '</div>'; 
    } 
}]);