Skip to Content

Changing default tooltip from default chart icons

Hi, im currently changing all the tooltips from all the icons on my app but can't find a way of changing the ones from the default toolbar of my chart

Here is my chart code:

<layout:Splitter width="100%"height="100%">
	<layout:contentAreas>
		<ChartContainer
			title="{i18n>tituloG1}"
			id="chartContainer"
			showFullScreen="true" // I CAN'T CHANGE THE TOOLTIP FROM THIS ICON
			autoAdjustHeight="true"
			class="chart">
		
			<customIcons>
			// I CAN CHANGE THIS ICON TOOLTIP
				<core:Icon
					src="sap-icon://message-information"
					width="2em"
					press="mensajeinformacion"<br>					tooltip="{i18n>icoInformacion}"><br>				</core:Icon><br>			</customIcons><br>
			<content>
				<ChartContainerContent
					title = "Line Chart"
					>
					<content>
						<viz:VizFrameid="chartContainerVizFrame"height="700px"width="100%"uiConfig="{applicationSet:'fiori'}"></viz:VizFrame>
					</content>
				</ChartContainerContent>
			</content>
		</ChartContainer>
	</layout:contentAreas>
</layout:Splitter>


The only way of doing the change that came to my mind is to replace the default chart toolbar icons with others added by me, but I would loose all the default functions.
If someone can think of another way of making it please let me know ^^

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • May 21 at 07:08 AM

    Hi Cristian,

    Could you try something like below.

    var oChartContainer = this.getView().byId("idChartContainer"); // Id of chart container

    var oSettingsButton = oChartContainer.getToolbar().getContent()[5]; //Please check for array index. This could be some other number for you for full screen mode.

    oSettingsButton.setTooltip("New Tooltip");

    Thanks

    Arvind Patel

    Add comment
    10|10000 characters needed characters exceeded