How is your experience with the OutSystems Community?
18
Views
4
Comments
Graph
Question

I have a scenario where I have one screen and one block. I am passing a list from the screen to the block, and inside the block I have implemented a column graph.


Now, I want that whenever I hover over a column in the graph, its value should be displayed on screen


2026-01-28 16-57-48
Mihai Melencu
Champion

Hi @Andrew Botson ,

I assume you are using OutSystems Charts, what version are you using? You should be able to see by default the value in a tooltip when hovering a column.

Are you able to share your OML or a sample OML with your setup ?

UserImage.jpg
Andrew Botson

I cant able to send OML I am using latest version of outsystems Charts 

I want to show the value in the parent screen not in  block level

2026-01-28 16-57-48
Mihai Melencu
Champion

I prepared a sample OML.

You need to create a client action and an event in the block. In my example, I called the client action SetHoveredValue. This action should have an input parameter called Value of type Integer. Inside the action, call the block event and pass the Value input to it.

You will use this event to send the hovered value from the block to the screen.

On the screen, create another client action to handle the event value and assign it to a local variable.

Then, in the block, add the JavaScript in the chart’s OnInitialize event. Just make sure the action name in the JavaScript matches the client action you created.


  1. (function () {
  2.     var chartWidgetId = $parameters.ChartWidgetId;

  3.     var chartEventConfig = {
  4.         plotOptions: {
  5.             series: {
  6.                 point: {
  7.                     events: {
  8.                         mouseOver: function () {
  9.                             $actions.SetHoveredValue(this.y);
  10.                         }
  11.                     }
  12.                 }
  13.             }
  14.         }
  15.     };

  16.     var chart = OutSystems.ChartAPI.Chart.GetById(chartWidgetId);

  17.     chart.provider.update(chartEventConfig, true, true);
  18. })();

You can check the full implementation in the attached OML.


ChartBlockSample.oml
2025-09-25 14-38-22
Lokesh Kumar Yadav

This OML will Help you

BarGraphParent.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.