I am creating a chart using chart js, putting few threshold lines also in that. But the content/title for those line is overlapping with x-axis if its value is 0 or in negative.
enter image description here
Try to define the option scales.y.suggestedMin. This is a common option to all axes.
suggestedMin: Adjustment used when calculating the minimum data value.
For further information, please consult Axis Range Settings from Chart.js documentation.
Related
Is it possible to mark/highlight regions in a superset line chart or would I need to create a custom chart?
I have a chart showing device voltage and I want to highlight where the low/critical/normal voltage range is.
I can sort of hack it by adding annotation lines and increasing the thickness of the lines to 150. This sort of works but falls apart when the y axis range changes.
Any better ideas?
I have the following graph, and I want to rotate the X-axis labels in 40°, how can I do that?
PowerBI does not let you override the label orientation but rather adjusts it based on the space you allocate to the visual. Try making your visual a bit wider. For long labels, increase the maximum size of the X Axis on the settings to give more space to the labels and less to the bars. You can also tweak the padding and width settings to eek out a little more space. Also, consider abbreviating long labels.
Under the x-axis switch on the concatenated label. THis should do the trick for you
I went through the same issue/requirement but found no available configuration option for X axis labels. Labels are adjusted automatically based on number of BAR and width of the chart. Anyway, you can look on different options under "X-Axis" after changing the Type to "Categorical" as shown below-
I'm trying to display a line chart with a broken y-axis, using chart.js (2.3.0). In my chart, there's a fixed minimum value, which should always be shown as a label on the y-axis. I would then like to have the "empty space" between this minimum value and the minimum value in the dataset be removed. Is this possible to do?
I can't figure out why Google Charts draws this simple chart aligned to center and doesn't fill entire white area.
Note: X axis is discrete because it represents weeks.
Do you have any idea what can I do with it?
That is how the charts display when you use a discrete (string) axis. If you want edge-to-edge lines, you need to use a continuous (number, date, datetime, timeofday) axis. See an example of the differences here: http://jsfiddle.net/asgallant/Xfx3h/.
Below is url that chart I am using.
http://chart.apis.google.com/chart?cht=lc&chco=99C754&chs=400x150&chds=20,1&chd=t:1.0,1.0,1.0,1.0,1.0&chxt=x,y&chxl=0:|12/07/09|12/14/09|12/21/09|12/28/09|01/04/10&1:1|10|20&chxr=1,20,0,10&chls=2&chg=25,100,1,2&chm=o,54C7C5,0,-1,5&chxtc=1,15|0,15
I want to start y-axis from 1 but in my chart is started from 0.
please help me
little look at google
show :
Axis Range chxr :
You can specify the
range of values that appear on each
axis independently, using the chxr
parameter. Note that this does not
change the scale of the chart
elements, only the scale of the axis
labels. If you want to make the axis
numbers describe the actual data
values, set and
to the lower and upper values of your
data format range, respectively. See
Axis Scaling for more information.
You must make an axis visible using
the chxt parameter if you want to
specify its range.
To specify custom axis values, use the
chxl parameter.
http://code.google.com/intl/iw/apis/chart/docs/gallery/bar_charts.html#axis_range