Why isn't the tooltip for the red line rendered as HTML? I have added the option tooltip: { isHtml: true } but that does not help.

https://jsfiddle.net/w7hymkua/2/

google.charts.load('current', {
  packages: ['corechart', 'line']
});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {
  var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/1T8eNrLpk7bOuvHGDojsHALzoxHHHoQ6iJ7AZIAnZntE/edit?usp=sharing");
  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
  var data = response.getDataTable();
  data.setColumnProperty(3, 'role', 'tooltip');
  data.setColumnProperty(3,'html','true');
  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  var options = {
    title: 'Weight mot Date',
    legend: 'none',
    bar: {
      groupWidth: '95%'
    },
    hAxis: {
      title: 'Date',
      format: 'yyy-MM-dd',
    },
    vAxis: {
      title: 'Weight',
      viewWindow: {
        max: 100,
        min: 0,
      },
      ticks: [0, 25, 50, 75, 100],
      focusTarget: 'category',
      tooltip: { isHtml: true }
    }
  };
  chart.draw(data, options);
}