Posted in Uncategorized

[BUG] Updating ticks fontColor is not working

   February 23, 2021  1 Comment on [BUG] Updating ticks fontColor is not working

I am attempting to update scales ticks and grid lines to be visible only on hover. It works for the grid lines but it does not work for the ticks. Changing with display works but it is not suitable because it changes the width of the chart.
Interactive demo: https://codepen.io/uffou/pen/zpdZVb

Expected Behavior

image

Current Behavior

image

Author: Fantashit

1 thought on “[BUG] Updating ticks fontColor is not working”

  1. @uffou I think this is the same problem as #4896
    There isn’t a real bugfix, however you could use myChart.options.scales.yAxes[0].ticks.minor.fontColor as a workaround.

    ctx.addEventListener('mouseenter', function(){
  myChart.options.scales.yAxes[0].gridLines.color = `red`;
  myChart.options.scales.yAxes[0].ticks.minor.fontColor = `red`;
  myChart.update();
});
ctx.addEventListener('mouseleave', function(){
  myChart.options.scales.yAxes[0].gridLines.color = `rgba(0,0,0,0)`;
  myChart.options.scales.yAxes[0].ticks.minor.fontColor = `rgba(0,0,0,0)`;
  myChart.update();
});

Comments are closed.