I need to align the series lines to the right of the chart. It is always centered. How I can do it?
The Q3 version of the Chart supports a justified setting for each axis. It stretches line and area series to the very end of the axis.
categoryAxis: {
justified: true
}
See a live demo here: JS Bin
I hope I understood your question correctly.
Related
Echarts version : 4.8
I'm using scatter and heatmap series on the same map.
The problem is that on the right border the heatmap are cut until the last point.
How can I display the full heatmap tiles ? what am I missing here ?
Thanks
It is difficult to determine the problem from your picture, it would be easier with the configuration code, but I will try.
Try to add to the chart config the grid option. With grid you will can control padding of the visual chart part against outside space.
https://echarts.apache.org/en/option.html#grid
You need to change left, right, bottom and top options to move the edges.
I am working on a butterfly chart. I create a center zero axis with "Text" type. Everything goes fine, except for one thing.
The width of the center axis is too broad, I want to change the width. But I don't know how to do it.
If I shrink the center axis, left and right are also shrunk. It seems the ratio of width is fixed.
Here is my demo workbook on Tableau Public.
Thanks for any help.
I was able to recreate your butterfly chart following the steps below.
"Concatenated by Dashboard
To shrink the middle margin, we can use a dashboard to concatenate instead of a single worksheet.
Divide into three Worksheets: right-click on the sheet tab and duplicate three copies. Remove the other parts in each worksheet.
Create a Dashboard and concatenate three segments: drag these segments to the corresponding positions.
Change the Dashboard Size to 1200 x 4500. concatenated by dashboard
Set left and right segments as Standard and set the middle segment as Fit Width. Then, Resize them to a proper layout.
Right-click Legends and check Floating, then put them in the appropriate place.
Polish the chart:
Keep only the left title and remove others.
show and rename the left and right axis."
Source: https://www.pluralsight.com/guides/tableau-playbook-diverging-bar-chart
how can I move yAxis labels from Right of chart to left of chart in highstock.
Here is a jsfiddle example in which we have labels like Fresh Breeze on the right side of chart which I want it on the left.
In the previous version of Highstock it is was on left by default.
I have also tried the property align:left inside the yAxis options but it does not give the desired result.
Thanks
You don't want to set align:left at the axis level, you need to use it on the plotband label level.
The code in that example is explicitly telling the chart to align the plot band labels to the right, and push them an extra 40 pixels right as well.
Change that to align:left, and x:0
(or, just don't set the align or x properties at all, and by default the labels will be on the left, as they've always been...)
example:
http://jsfiddle.net/jlbriggs/LKtpc/28/
{{EDIT:
Your original question referenced the plotband labels in highcharts...
But it seems your question is really about the y axis placement in Highstock.
To move it to the left, you need to add this:
yAxis: {
opposite:false
}
as Highstock sets the axis to opposite:true by default.
Example:
http://jsfiddle.net/aayajgLe/1/
In order to put your yAxis label to the left side, just set yAxis' opposite property to false.
yAxis: {
opposite: false
}
It seems not intuitive, though.
I'm using a dojo chart to display data in a bubble chart. However, I don't need the axis but if I remove the axis, it screws up the display of the data. I can fudge axis not being there by hiding labels and coloring the lines white but then there's still this large margin on the left and bottom of the chart. How do you make a dojo chart without the axis while still having the min/max set correctly?
chart1.addAxis("x",{ type : 'Invisible' /*, .... */ });
Matthew, if you are still looking to tweak the margins, the solution here:
dojox charting: remove the padding around the chart
worked for me.
I am trying to set custom step (interval) to my Line Chart's horizontal axis.
The chart gets its data from a grid. The grid has a lot of data and it is displayed accurately but because there are so many data points the horizontal axis is screwed up. I wanted to set a step on horizontal axis so that you get an idea when you see the graph without hovering the mouse on a data point!
thanks for any help!
-Ali
Flexi Comment Box
heylo people!
I have solved the mystery!!!
just add a horrizontalAxisRenderers to your Chart
and set the property canDropLabels to true!
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{horiAxis_B}" canDropLabels="true"/>
</mx:horizontalAxisRenderers>
axis being the name of the axis
you are done!!
but if you still have questions, you can always contact me here:
Alimsyed.com