I am working on an implementation of CorePlot that uses a chart with all white elements on a black view.
The chart is coming along nicely, but I cannot get my axis increment labels to be the correct color. To clarify, the labels for the axis are correct (time and usage) but the labels on the axis tick marks are still in black.
What I currently see:
Changing my view background to white to confirm that the tick labels are there:
I'd appreciate it if someone could point me in the right direction for making the tick mark labels white instead of black, as well as making the horizontal lines that go across the chart white instead of black.
Thanks in advance!
Line styles and text styles both have color properties (lineColor and color, respectively). Use the following axis properties to set the styles:
titleTextStyle: text style for the axis title
labelTextStyle: text style for the labels at the major tick locations
minorTickLabelTextStyle: text style for the labels at the minor tick locations
axisLineStyle: line style for the axis line
majorTickLineStyle: line style for the tick marks at the major tick locations
minorTickLineStyle: line style for the tick marks at the minor tick locations
majorGridLineStyle: line style for the grid lines at the major tick locations
minorGridLineStyle: line style for the grid lines at the minor tick locations
Related
I have three pie charts displayed in a row. Two have two segments, one has five. All three have vertical legends.
Given that, the chart with five segments displays the pie slightly smaller, due to the extra height of the legend. It also has a slight negative vertical offset.
Is there any way I can set all three charts to render the chart in the same position? I've tried setting the center to 50%,50% in plotOptions, didn't help.
You have to set the marginBottom-Value of the chart to a value that is equal an all charts. Highcharts is trying to display the pie as big as possible, therefore it will use more space if the legend is not as big.
By setting the marginBottom you force the chart to ignore the actual legend size.
The center: ['50%','50%'] setting will only take into account the actual plot area. So if this area is decreased because of a taller legend it has no effect.
I made a jsfiddle where you can explore this settings:
http://jsfiddle.net/doc_snyder/dsmgy6ts/
I am using Highcharts for one of my project. Everything is okay except I could not change line style('Solid','ShortDash','ShortDot','ShortDashDot','ShortDashDotDot','Dot','Dash','LongDash','DashDot','LongDashDot','LongDashDotDot') of bottom grid line in x axis as shown in the attached image.
Because the line you highlighted is not a gridLine of yAxis and dash style does not apply to it. In fact it covers the bottom-most grid line. Disable it by setting its width to 0.
API Reference:
http://api.highcharts.com/highcharts/xAxis.lineWidth
http://api.highcharts.com/highcharts/yAxis.gridLineDashStyle
Example:
http://jsfiddle.net/mnp6xa57/
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 designing an HighCharts bubble chart (a matrix with coloured fields, drawn using SVG), that should have some text explaining the axis values outside of the actual chart area.
That is, because the axis values are A-E and need a lengthy explanation (A = Always exceeds goals bla bla etc.).
These explanations should be visible - next to the chart, not in it, and not in tooltips because these cannot be printed.
My question: Can I put SVG <text/> outside of the plot area? HighCharts seems to stretch the plot area as far as it can, leaving no space to either side.
You can use text text and define css styles i.e: position:absolute;left:20px;top:20px;
How to plot rectangular slices in a barchart ? The slice can be plotted anywhere. It should not start from xAxis.
This slice is actually pointing to a corresponding x and y value.The width of the slice remains same as the bars plotted in the barchart.The height is set a very small value to see it as a slice.
The Blue colored is bar chart's bar and brown colored is the slice.
Set barBasesVary to YES on the bar plot. This will cause the plot to query the datasource for an additional field called CPTBarPlotFieldBarBase. The base value defines one end of the bar and the tip value defines the other end. The location determines the horizontal placement (for vertical bars) as always.