I am working on line chart in flex. I have to show the tooltip data on the datapoint itself. Normally the data point value is displayed on a rectangular area when we mouse over on the data-point. But I have a checkbox just below the chart. When I check on it, all the datapoints of the graph should display the value on data-point on the graph. Any idea how to do that?
In your mx:LineChart control set the showAllDataTips value to true/false according to your checkbox.
After doing a few research I found the answer. My goal was to draw something on the datapoint itself. I found this link useful Drawing on chart controls EDIT : new link
Going through this link helped me a lot.
Related
I've lost x label of my waveform graph.
My original waveform graph looks like this.
But, for some reasons, x label of the graph was disappeared, like this.
I checked the property of the graph. The x scale property looks like this.
As you can see, x label(time (sec)) is there in x scale property, and then the 'Show scale label check box' is checked, but not displayed on GUI.
Where is the label? How to display it again?
I had exactly the same problem. Apparrently one can make the x-label visible again by right-clicking on the indicator --> Advanced --> Reset Scale Layout
Not sure what happened here, unless you share this control (may be copy it on a blank VI and share across).
However You can try following to check if you are able to see the label for x-axis:
a. right click the graph indicator and select ADVANCE >> CUSTOMIZE.
b. Now press 'ctrl+M' to switch to 'Customize Mode'.
c. Now check if you can find the x-axis label.
The easiest way to get this resolved, is by replacing the existing graph by right clicking on it.
Right click your graph on the front panel, highlight 'X Scale' and make sure 'Visible Scale Label' is selected.
See image below:
I am stuck in preparing some chart control in the format we required. I have added the asp chart control in to my asp.net application, Where the X and Y values in the chart are displaying correctly, when i pass some values. Right now I want to display the legends along with the unit values in the chart. The following figure is my required format
I have searched every where in the net and also tried a lot, but still I dint find the way how can i display the chart like that. For an alternative I added one grid control at the bottom of chart, but its not appearing as my requirement. It is coming differently like below.
So, can any one give me an advice of how can i achieve my goal of displaying the chart like in my required format.
Thank you for not responding to my question, so any how I have done it my self by using datalist at the bottom of the chart control. I added one datalist control to the table in which chart control is present and binded the required data table to the datalist and also binded images to the datalist control at runtime from a datatable. Inorder to display the data present in datalist, i used RepearDirection property of the datalist and set it to "Horizontal". Finally my report displayed like my required format. And for the chart area, i added two types of series for the same X and Y points inorder to display Line chart as I required, one series is bubble and another is line.
So, finally my graph displayed as below.
I'm trying to prevent a default chart item roll over highlight in a Spark column chart.
If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
Does anyone have any idea what I am missing here?
Thanks for reading guys
Remove chart's selectionMode property or set it to "none".
If you realy need multiple ChartItem selection you'll have to override default item renderer by creating a class that implements IDataRenderer interface and setting itemRenderer style to your class for the chart series
I have a single series bar chart created programmatically in codebehind which I would like to display the Y point value (somewhere above the bar, or maybe as a tooltip) when the user hovers their mouse over a bar.
Is there a native onmouseover event for the bars of the chart, or is it something that should be added through series.MapAreaAttributes?
Thanks!
Edit
After some experimenting I've found the points.tooltip attribute which I can add at the same time I add the point which will do what I want it to do, but it would still be nice to know if you can capture events for the bars, just for future reference.
From Show all series' values in stacked bars mouseover (ASP.NET CHART)
series.MapAreaAttributes = "onmouseover=""showTooltip('#VALY');"""
Where your showTooltip function would do as you required.
I'm building a simple Flex applicaton where I want to show a line chart, then display some information in a little popup box when user mouses over a line.
You can set the showDataTips property of the LineChart to true. The property is defined in the ChartBase base class, which LineChart extends. More information about showDataTips is here:
http://livedocs.adobe.com/flex/3/langref/mx/charts/chartClasses/ChartBase.html#showDataTips
You can customize what is displayed in the data tip callout by specifying a custom dataTipFunction.
Using data tips will give you call outs as you mouse over the points that make up the line. If you want to provide information about the line in general you should couple the chart with a Legend to describe what the line represents. Creating a legend is as simple as this (where lineChart is the id value of your LineChart):
<mx:Legend dataProvider="{lineChart}" />