alexl8819

Latest comments

• 

  Youssif•280

  @Youssif94

  Submitted about 2 years ago

  

  expenses-chart-component-main

  1

  20
  

  alexl8819•570

  @alexl8819

  Posted about 2 years ago

  Hi,

  In your chart's configuration, there is a section for plugins where you can modify the tooltip. Check out the docs to see what options the tooltip contains and what can be modified. To give you a headstart, I'll show you an option or two off the top of my head that can be changed.

  plugins: {
    tooltip: {
      displayColors: false, // this value removes the colored box next to your value
      callbacks: {
         title: function () { return '' }, // we don't need a title, only the label
         label: function () { 
           // put code here to render the label's desired value 
           return ""
         }
      }
  }
  

  There's more I'd look into (hint: the caret probably isn't needed) to style it closer to the design spec. You may also want to look into the layout property to see how to get the tooltip to appear above the chart. You can check that out here.

  1

  Marked as helpful