Sencha Touch: Changing line marker colors - sencha-touch

Is there any way to change the colors of marker in Sencha Touch charts. How can I change the marker colors in Sencha.

You can change the colors of markers in ThemeList.js in Sencha Charts. Please refer to [this following link for clarification.
http://www.sencha.com/forum/showthread.php?175291-Change-marker-color&p=718093&posted=1

Related

How do I Target an individual Bar in Sencha Touch Bar Charts?

I have a chart in Sencha Architect and I'd like to be able to Click on an individual Bar and change it's value e.g. +1
How do I go about targeting a specific bar in the chart?
Ok, so it turns out that you can use the Style config within Sencha Architect to change bar colors but you must delete the default Colors in the Colors config first, otherwise Style is ignored.
The Colors config default is an array e.g. ['red','blue'] etc and you can choose a color with attributes.fill = colors[1] for example.

sencha Touch Chart: Is it Possible to display both Label and values in pie chart?

Is There any way to show value and label both in sencha pie chart? I tried in label "render", but the only parameter that come is the value or label only one at a time, But I can't get both at a time.
Please help me regarding this,
Thanks,
Nag.
I think this is what you are looking to do : http://bl.ocks.org/2237197.
In the renderer function you have access to the chart variable, so you can get the store, and then you find the record corresponding to the label you are currently rendering and then you can render whatever you want !

sencha touch: Configure chart legend interactions programmatically

When a chart is created with legend, automatically legend interactions will be enabled. So user can tap on a legend item to hide/show a respective series in chart.
My requirement is, by default few series in chart should be hidden and respective legend items should be shown as grayed(hidden in legend). So programatically, i should be able to hide those series and set respective legend items as grayed.
How i can achive this functionality? Please let me know, what APIs I can use to achive this.
There really isn't an interaction or event. You can hook into Ext.chart.series.Series#hideAll and showAll to seta n attribute to the legend item.

Issue relate to sencha touch bar charts

I am very new to sencha touch. Working with sencha touch to develop bar charts. I am an issue regarding the bar width of the chart. As the number of bars get increased the bar width gets decreased. But the thing is it should not happen like that. The bar width must be fixed even if the bars get increased also. I will apply scroll bar to see the reamining bars plotted on the graph. Scroll bar is not issue. But how do I fix the bar width of the bar chart. Could anyone share the solution for this issue ASAP.
Thank in advance.
http://www.java2s.com/Open-Source/Ja...ies/Bar.js.htm
http://docs.sencha.com/touch-charts/1-0/source/Bar.html
http://docs.sencha.com/touch-charts/...art.series.Bar
To change the width of the bar, add the following to your series definition:
e.g.
series: [{
xField: 'comedy',
displayName: 'Comedy',
style: {color:0x6238A7, size:8}
}]
see if u can get anything from this
bar chart widht is depend on height of your chart's counteiner so you have to set height of counteiner by calculating with number of bar in your chart.
and set calucalted value to counteiner by using setHeight() method

How to set label name under the bars of Bar Chart using core plot in objective-c?

I am unable to set the label name exact below the bar of bar chart. How to change its origin value to move right side so that it will be exact below of the bar. Please find the image here in this link: i.imgur.com/kJEeM.png
I am search for solution, yet I did not get any solution please help me out of this....
You should use axis labels on the x-axis. There are several example apps included with Core Plot that show how to format dates on the axes. If you already have the text of the labels, you can use custom labels instead. There are examples of that technique, too. The linked image doesn't show an axis line--just set the axis and tick line styles to nil to suppress drawing the axis line.