how to scrollbar on dynamic chart drilldown in highcharts - javascript

hi im very confused for the scroll bar x on drilldown column highcharts,i want if bar more than 3 is scroll if less than 3 no have scroll bar depending on filter,i try to explain with this image
and i try many thing and this my barchart now,the problem if less than 3 labels and labels have 1 until 3 and i will give you example for the js field same like problem like me "http://jsfiddle.net/BlackLabel/xaojun83/"
and this is the code i add from highcharts stock
i hope my explain is clear, I need help on how to make it thankyou

Related

How to disable auto hiding of labels on Category Axis in Amchar 4?

In amCharts 4 column chart, labels on category axis are alternately hidden when user reduces the browser width.
By default the chart automatically hides labels to improve readability. I want to disable it.
Please refer ruining ex. codepen.io/Mishra-Praveen/pen/MWwmVbp
I am getting solution for Amchart 3 not for Amchart4.
categoryAxis.renderer.minGridDistance = 30;
Increasing these numbers will mean likely sparser grid lines and related labels. Decreasing will probably result in denser grid/labels.

How to config show labels stackedbar chart processbar 100% outside in top or bottom chart

I want to show a report chart stacked bar 1 row same process bar 100%. I show labels of the item in the outside chart (bottom or top chart). Do you know a library that has a chart that can draw it? Please introduce to me it.
Thanks
Disclaimer: I'm Image-Charts founder.
Image-Charts can help you with that:
<img src="https://image-charts.com/chart?cht=bhs&chs=700x100&chd=t:10|20|30&chco=4d89f9,c6d9fd,00B88A&chl=10%|20%|30%">

bar chart onclick get specific index

js` to display the bar chart and each part of bar chart has multiple bars. so when i click the bars i need the specific index with in it.please help me fix it and check the fiddle.
Example

ChartJS Bar chart painting second bar to the right

I have a barchart using the latest version of charts.js. Now I need to show the bars and at the right, a bar that actually has nothing to do with the rest. (the first bars are thre monthly values, the last bar is the forecast for this month)
See here to better understand what I mean. https://jsbin.com/diqetaxeqi/edit?js,output
The forecast bar has it's own y axis on the right. I've struggled setting the bar to the right and have solved this by creating a new dataset filling the values with 0 to make sure it is the last bar that is drawn. The problem with this is that the labels are not centered anymore as the bars with 0 value is still painted.
How can I solve this better?
Thanks
Your code requires 2 different datasets ? Or can they be all 4 like:
data: [18739460, 33056135, 36562034, 3234234] ?
Ok. stacking the bars does the trick.
do
stacking:true
at xAxis

C3JS bar display alignment

Team,
Q1 : I have a bar graph (on x-axis i have timestamps, and on y-axis i have few counts). Now, the bar display is not aligned with x-axis label display, it is misaligned and thus does not show the bar display at correct position of label value.
I tried with tick value as false\true, but still the bar is misaligned. Any idea as where it is going wrong?
Q2: For the same bar graph above, i wish to show the summary\count of all counts inside a legend, are there any examples or which call back function to achieve this?
Regards,
Santhosh

Categories