I need to create a graph with y axis values shown as bar as shown in the below image
you customize using your own html and css grident feature, please have look at below code.
`https://jsfiddle.net/0vj27ura/2/`
Related
I want to know how to set the x,y coordinates for a checkbox programmatically.I have created an axml(image attached) and now I want to set the x, y programmatically.
enter image description here
How can I achieve this?Can any one help me with this?
Well first of all always put your code in text format and not as an image:
Now setting x and y in Android is actually very easy:
var checkBox = this.FindViewById<CheckBox>(Resource.Id.checkBox);
checkBox.SetX(float_values);
checkBox.SetY(float_values);
In my bar chart the point range is not equally, so I want to draw different widths for bar chart using highchart. However, all the solution is to draw different series. I wonder is there any solution to hack the code and only change the pointwidth inside one series?
Here is a screenshot
The easiest way would be to change width property of a column SVG element.
Example:
http://jsfiddle.net/6o7290uf/
I have multiple Y axis and to differentiate the Y axis I want to display the legend icon just beside Y axis. So is there any way to do this I know we can make the Yaxis itself as the color matching with series but unfortunately that is not needed.
Highcharts is super nice because most text elements will have a style element associated with them. This uses CSS to style the text element for you.
So you can make the yAxis.title.style red or whatever color you want. This isn't just for titles, you can also make the values of the axis a certain color as well with style (make them red, or whatever you want).
I am using highcharts library to draw chart and I need to display Weekdays as labels on x-axis and also to auto reset it like from Monday to M if all weekdays can't fit on screen.
It should be dynamic, which means no flickering should appear when changing label text on x-axis.
Any suggestions?
Thanks in advance.
There is no straight option for that, rather simple workaround:
Disable reflow from Highcharts, use window.resize browser event
In that event add condition to decide showing full name of just shortened, and set this for chart - chart.xAxis[0].dateTimeLabelFormats should be fine
After setting new format, apply new chart dimensions using chart.setSize(w, h)
I'm using Shinobi Controls Charts to do this project and i'm having some trouble to find ou how to customise my chart to look as close as possible to this:
Here is what i have so far:
The labels at the bottom are the ones that are represented as [name] in the first chart.
The colores of the bars are ok i know how to change them. My problem resides on the labels on the top of each bar and the grid and background grid.
1) How can i remove the grid and change the graph color to transparant? chart.xAxis.style.gridStripeStyle.showGridStripes = NO; does not remove the grid.
2) The radial series had a callback where i could change the labels position, but after taking a look at all the documentation that comes with the demo i can't find anything to change the position of the axis's labels for a bar graph and add more complexity like an image and 2 or 3 labels to it. Also those boxes have to move along with bars.
Does anyone know how to do this 2 topics?
Thank you in advance for any given help.
EDIT :
I've been able to remove the axis with
axis.style.gridStripeStyle.showGridStripes = NO; // removes the main bar
axis.style.majorGridLineStyle.showMajorGridLines = NO; // removes the grid bars
Regarding your second point, use
- (void)sChart:(ShinobiChart *)chart alterTickMark:(SChartTickMark *)tickMark
beforeAddingToAxis:(SChartAxis *)axis
Regarding your first point use
chart.axis.style.majorGridLineStyle.showMajorGridLines = NO