Sometimes edge date labels overlap on my chart:
I was trying to add bigger tickPixelInterval, but it doesn't really help me. How can I fix this?
check tickInterval property in highchart api, set some x,y values
>tickInterval : 2,
labels : { y : -15, rotation: -45, align: 'right' }
Related
Trying to create a chart as show below
Tried to get most of it working fiddle is in
https://jsfiddle.net/BlackLabel/j1pz28y3/
But only axis is the issue. Unable to get multiple axis for different chart and also axis on the left rather than right please help me by pointing to some demo
You need to set yAxis.opposite to false. Your image shows only two axis (first one for the line and flag series, the second one for the column), so here is the example config basing on the image:
yAxis: [{
opposite: false,
height: '60%'
}, {
opposite: false,
top: '65%',
height: '40%',
offset: 0
}],
Demo:
https://jsfiddle.net/BlackLabel/at8Lyod4/
API Reference:
https://api.highcharts.com/highstock/yAxis.opposite
I am using scatter chart from eCharts scatter. No option in official documentation about any option for setting the start of axises, I need xAxis starts not from 0, but setting some buffer like in picture
.
So bubble should start not from 0 but having some extra buffer, so the bubble should not overlap the xAxis. I tried boundaryGap for both xAxis and yAxis, but still axises start from 0. Any possible workaround for that?
try to use xAxis: { onZero: false }.
On echarts 5.4 it is
https://echarts.apache.org/en/option.html#yAxis.min
for x xAxis: {min: 'dataMin'} or y yAxis: {min: 'dataMin'}
I'm using echarts
this is my chart
this picture shows I lost some of my legends , so,how do I make bigger space for legends, is it possible to set more space for legends? or if it is possible to make my chart smaller how can I do?
I put
var option = {
grid: {
y: 30,
y2: 90,
},
y mean space before chart, y2 - after chart
Bubble charts are bordered on X and Y axis and by defualt start at 0,0, how can I reset defualt to change this value to 5,5 Y axis border should flow from gridline point 5 and x axis should flow from gridline 5 as well. and i want to destroy other gridlines on the chart.
Been checking but can t find any solution on SAPUI5 or OpenUI5 documentations
Thansk in advance
I have an example from line chart, but I think it also applies to your bubble chart, they key is the "scale" attribute in constructor of the yAxis / xAxis:
var lineChart = new sap.viz.ui5.Line({
width : "800px",
height : "600px",
dataset : oDataset,
yAxis : {
isIndependentMode : false,
gridline : {
showFirstLine : true,
showLastLine : true,
// type : sap.viz.ui5.types.Axis_gridline_type.dotted
},
scale : {
fixedRange : true,
minValue : 1300.0,
maxValue : 1800.0
}
},
legendGroup : legendPosition,
});
For destroying other lines, you need an event: I think the only one possible is selectData(oControlEvent). Then fetch the data from the chart via .getModel().getProperty("/"); --> you receive your data as JSON. Then delete the line-data and rebind the data to the chart, then refresh or reload the chart (btw. no I cannot provide an code example unless coding everything on my own, so please provide any code).
Regards, zY
If I have a data like this:
data: [0,0,0,0,0,0,0,0,0,0,0,0,0]
this serie starts on the middle but I want what starts really close than the bottom line and not in the middle.Please take a look in this jsfidle http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/tickwidth/ but change data by my example data (data: [0,0,0,0,0,0,0,0,0,0,0,0,0]), I test with min but in this scenario with all values in 0 did not work.
Thanks
I solve with min: 0,minRange: 1 in xAxis
I would do this simply by setting the yAxis min and max.
Example:
http://jsfiddle.net/jlbriggs/bKr74/1/
You can move xAxis down using offset property (offset: Number; The distance in pixels from the plot area to the axis line.):
xAxis: {
tickWidth: 10,
offset: -155
},
See example at jsfiddle