GRAPH_Widgets - How to add a label to axis

Mattia_sonix · Sep 21st 2018, 10:12am

Hello guys,
someone could explain me how to add a label on a axis through the GRAPH API

. I read the manual and I haven't found any explanation

.

Thank you in advance

Mattia

SEGGER - Schoenen · Sep 21st 2018, 11:52am

Hi,

Not sure what kind of label you want.

If it is just a name of the visible data you might do like below. The code shows two ways of doing it. First is to simply draw string into the graph, the second is to use TEXT widget which are on top of the graph.

C Source Code

#include "DIALOG.h"
#include <stdlib.h>
/*********************************************************************
*
* Externals
*
**********************************************************************
*/
/*********************************************************************
*
* Defines
*
**********************************************************************
*/
#define ID_WINDOW_0 (GUI_ID_USER + 0x00)
#define ID_GRAPH_0 (GUI_ID_USER + 0x01)
#define ID_CHECKBOX_0 (GUI_ID_USER + 0x02)
#define ID_CHECKBOX_1 (GUI_ID_USER + 0x03)
#define ID_TEXT_0 (GUI_ID_USER + 0x04)
#define ID_TEXT_1 (GUI_ID_USER + 0x05)
#define DATA0_COLOR GUI_RED
#define DATA1_COLOR GUI_YELLOW
/*********************************************************************
*
* Static data
*
**********************************************************************
*/
/*********************************************************************
*
* _aDialogCreate
*/
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
{ WINDOW_CreateIndirect, "Window", ID_WINDOW_0, 0, 0, 480, 272, 0, 0x0, 0 },
{ GRAPH_CreateIndirect, "Graph", ID_GRAPH_0, 10, 10, 460, 200, 0, 0x0, 0 },
{ CHECKBOX_CreateIndirect, "Checkbox0", ID_CHECKBOX_0, 150, 230, 80, 20, 0, 0x0, 0 },
{ CHECKBOX_CreateIndirect, "Checkbox1", ID_CHECKBOX_1, 250, 230, 80, 20, 0, 0x0, 0 },
{ TEXT_CreateIndirect, "Data 0", ID_TEXT_0, 385, 15, 80, 20, 0, 0x0, 0 },
{ TEXT_CreateIndirect, "Data 1", ID_TEXT_1, 385, 45, 80, 20, 0, 0x0, 0 },
};
static GRAPH_DATA_Handle _hDataYT0;
static GRAPH_DATA_Handle _hDataYT1;
/*********************************************************************
*
* Static code
*
**********************************************************************
*/
static void _GraphUserDraw(WM_HWIN hGraph, int Stage) {
GUI_RECT Rect;
GUI_RECT TRect;
char * apString[] = {
"Data 0",
"Data 1"
};
WM_HWIN hParent;
WM_HWIN hItem;
switch (Stage) {
case GRAPH_DRAW_LAST:
hParent = WM_GetParent(hGraph);
hItem = WM_GetDialogItem(hParent, ID_CHECKBOX_0);
TRect.x0 = 5;
TRect.y0 = 5;
if (CHECKBOX_GetState(hItem)) {
TRect.x1 = TRect.x0 + 5 + GUI_GetStringDistX(apString[0]);
TRect.y1 = TRect.y0 + 5 + GUI_GetFontDistY();
GUI_SetColor(DATA0_COLOR);
GUI_DrawRectEx(&TRect);
GUI_DispStringInRect(apString[0], &TRect, GUI_TA_HCENTER | GUI_TA_VCENTER);
TRect.y0 = TRect.y1 + 10;
}
hItem = WM_GetDialogItem(hParent, ID_CHECKBOX_1);
if (CHECKBOX_GetState(hItem)) {
TRect.x1 = TRect.x0 + 5 + GUI_GetStringDistX(apString[1]);
TRect.y1 = TRect.y0 + 5 + GUI_GetFontDistY();
GUI_SetColor(DATA1_COLOR);
GUI_DrawRectEx(&TRect);
GUI_DispStringInRect(apString[1], &TRect, GUI_TA_HCENTER | GUI_TA_VCENTER);
}
break;
}
}
/*********************************************************************
*
* _cbDialog
*/
static void _cbDialog(WM_MESSAGE * pMsg) {
WM_HWIN hItem;
int NCode;
int Id;
int xSize;
switch (pMsg->MsgId) {
case WM_INIT_DIALOG:
//
// Set bk color of window
//
WINDOW_SetBkColor(pMsg->hWin, GUI_DARKGREEN);
//
// Create data handles
//
xSize = WM_GetWindowSizeX(pMsg->hWin);
_hDataYT0 = GRAPH_DATA_YT_Create(DATA0_COLOR, xSize, NULL, 0);
_hDataYT1 = GRAPH_DATA_YT_Create(DATA1_COLOR, xSize, NULL, 0);
//
// Initialization of 'Graph'
//
hItem = WM_GetDialogItem(pMsg->hWin, ID_GRAPH_0);
GRAPH_SetGridVis(hItem, 1);
GRAPH_SetUserDraw(hItem, _GraphUserDraw);
//
// Initialization of 'Data 0'
//
hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_0);
TEXT_SetTextColor(hItem, DATA0_COLOR);
TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
WM_HideWindow(hItem);
//
// Initialization of 'Data 1'
//
hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_1);
TEXT_SetTextColor(hItem, DATA1_COLOR);
TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
WM_HideWindow(hItem);
//
// Initialization of 'Checkbox0'
//
hItem = WM_GetDialogItem(pMsg->hWin, ID_CHECKBOX_0);
CHECKBOX_SetText(hItem, "Data 0");
CHECKBOX_SetState(hItem, 1);
//
// Initialization of 'Checkbox1'
//
hItem = WM_GetDialogItem(pMsg->hWin, ID_CHECKBOX_1);
CHECKBOX_SetText(hItem, "Data 1");
CHECKBOX_SetState(hItem, 1);
break;
case WM_NOTIFY_PARENT:
Id = WM_GetId(pMsg->hWinSrc);
NCode = pMsg->Data.v;
switch(Id) {
case ID_CHECKBOX_0: // Notifications sent by 'Checkbox'
switch(NCode) {
case WM_NOTIFICATION_VALUE_CHANGED:
if (CHECKBOX_GetState(pMsg->hWinSrc)) {
hItem = WM_GetDialogItem(pMsg->hWin, ID_GRAPH_0);
GRAPH_AttachData(hItem, _hDataYT0);
hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_0);
WM_ShowWindow(hItem);
} else {
hItem = WM_GetDialogItem(pMsg->hWin, ID_GRAPH_0);
GRAPH_DetachData(hItem, _hDataYT0);
hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_0);
WM_HideWindow(hItem);
}
break;
}
break;
case ID_CHECKBOX_1: // Notifications sent by 'Checkbox'
switch(NCode) {
case WM_NOTIFICATION_VALUE_CHANGED:
if (CHECKBOX_GetState(pMsg->hWinSrc)) {
hItem = WM_GetDialogItem(pMsg->hWin, ID_GRAPH_0);
GRAPH_AttachData(hItem, _hDataYT1);
hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_1);
WM_ShowWindow(hItem);
} else {
hItem = WM_GetDialogItem(pMsg->hWin, ID_GRAPH_0);
GRAPH_DetachData(hItem, _hDataYT1);
hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_1);
WM_HideWindow(hItem);
}
break;
}
break;
}
break;
default:
WM_DefaultProc(pMsg);
break;
}
}
/*********************************************************************
*
* Public code
*
**********************************************************************
*/
/*********************************************************************
*
* MainTask
*/
void MainTask(void) {
GUI_Init();
WM_MULTIBUF_Enable(1);
GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
while (1) {
GUI_Delay(50);
GRAPH_DATA_YT_AddValue(_hDataYT0, (rand() % 50) + 10);
GRAPH_DATA_YT_AddValue(_hDataYT1, (rand() % 50) + 50);
}
}
/*************************** End of file ****************************/

Display All

Regards,
Sven

Mattia_sonix · Sep 21st 2018, 1:53pm

I mean the classical label on the side of the scale (like Temperature in the manual screenshot examples). Anyway your code was enough helpful and I did it using part of the code.

Thank you.

Mattia

Mattia_sonix · Sep 21st 2018, 2:02pm

Can you also tell me how to modify the vertical scale of a graph? I tried to use "GRAPH_SetVSizeY" but it seems not make any effect.

Thank you in advance

Mattia

SEGGER - Schoenen · Sep 21st 2018, 2:04pm

Hi,

To get it like in the manual it's almost the same as in my example. Just add a Border to the sides of the graph. This area will be gray by default. Now you cann add a drawing like in my example.

You also want to refer to the examples found on our website. Just download the archive and take a look into the examples named WIDGET_GraphXY and WIDGET_GraphYT.

segger.com/downloads/emwin/emWin_Tutorials_SRC

Regards,
Sven

C Source Code

Share