Line graphs and radar graphs tooltips don't show the right color

// Charts
var bar, line, data, ctx, goalCals, cheatDays, makeUpDay, options, data2;

goalCals = 1400;
cheatDays = 1800;
makeUpDay = 1000;

data = {
  labels: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
  datasets: [
    {
      fillColor: 'rgba(213, 217, 239, .6)',
      data: [1950, 1300, 1800, 1200, 1700, 0, 0]
    }, {
      fillColor: 'rgba(19, 42, 157, .6)',
      data: [cheatDays, goalCals, goalCals, makeUpDay, goalCals, goalCals, cheatDays]
    }
  ]
};

data2 = [
  {
    value: 1950,
    color:"#8696e2",
    label: "Sun"
  },
  {
    value: 1300,
    color:"#86e2b2",
    label: "Mon"
  },
  {
    value: 1800,
    color:"#f6a292",
    label: "Tues"
  },
  {
    value: 1200,
    color:"#eaf28f",
    label: "Wed"
  },
  {
    value: 1700,
    color:"#e286e1",
    label: "Thurs"
  },
  {
    value: 1000,
    color:"#eb8ba2",
    label: "Fri"
  },
  {
    value: 1300,
    color:"#f6ea92",
    label: "Sat"
  }
];

options = {
  scaleOverride: true,
  scaleSteps: 2,
  scaleStepWidth: goalCals,
  scaleStartValue: 0,
  scaleBeginAtZero: true,
  scaleGridLineWidth: 0,
  barValueSpacing: 0,
  scaleLineColor: '#fff',
  barDatasetSpacing: 0,
  tooltipFillColor: 'rgba(0, 0, 0, .9)',
  tooltipTitleFontColor: '#fff',
  tooltipFontColor: '#fff',
  tooltipTitleFontStyle: 'normal',
  responsive: true,
  scaleShowGridLines: false,
  scaleFontColor: '#444',
  bezierCurveTension: .2,
  segmentStrokeWidth: 1
};


var chart = function(type, data) {
  var t = type.toLowerCase(),
      ctx = t + 'Ctx';
  ctx = $('.'+t+'-graph').get(0).getContext('2d');
  if(t === 'bar') {
    bar = new Chart(ctx).Bar(data, options);
  }
  if(t === 'line') {
    line = new Chart(ctx).Line(data, options);
  }
  if(t === 'radar') {
    radar = new Chart(ctx).Radar(data, options);
  }
  if(t === 'polararea') {
    polararea = new Chart(ctx).PolarArea(data, options);
  }
  if(t === 'pie') {
    pie = new Chart(ctx).Pie(data, options);
  }
  if(t === 'doughnut') {
    doughnut = new Chart(ctx).Doughnut(data, options);
  }
};

chart('Bar', data);
chart('Line', data);
chart('Radar', data);
chart('PolarArea', data2);
chart('Pie', data2);
chart('Doughnut', data2);

Thoughts? Bar graphs seem to be the only ones that show color. Polar charts and such don’t have a color block with them.

[bisibuka]

Here is a fork of above jsbin fork

http://jsbin.com/helivebeqo/edit?html,js,output

Hover any point and you can see that colors of the points inside the tooltip are black (don’t respect backgroundColor specified in datasets objects ). As you can see issue is still there. Any thoughts have this can be fixed?

[nnnick]

It actually uses the point colour for the legend. Not sure if that’s the best solution.

I wonder if a better way would be to use the line colour by default but allow an override or something. Open to suggestions there.