score:0
you can achieve what you expect manually setting column index and offset for each node. check demo and code posted below:
code:
nodes: [{
id: '001',
width: 200,
offset: '-70%'
}, {
id: '001.001',
offset: '-50%',
width: 200,
}, {
id: '001.001.005',
column: 2,
width: 200,
offset: '-30%',
}, {
id: '001.001.001',
column: 3,
offset: '-30%',
width: 200
}, {
id: '001.001.002',
column: 8,
offset: '-30%',
width: 200
}, {
id: '001.001.003',
column: 9,
offset: '-30%',
width: 200
}, {
id: '001.001.004',
column: 10,
offset: '-30%',
width: 200
},
{
id: '001.001.001.001',
column: 4,
width: 200,
offset: '-5%',
}, {
id: '001.001.001.002',
column: 5,
width: 200,
offset: '-5%',
}, {
id: '001.001.001.003',
column: 6,
width: 200,
offset: '-5%',
}, {
id: '001.001.001.004',
column: 7,
width: 200,
offset: '-5%',
}
]
demo:
api reference:
Source: stackoverflow.com
Related Query
- I want to use the "layouts: hanging" feature at all levels, but when I do so, I get overlapping nodes and incorrect lines
- How to make Highcharts to use all the colours when replotting? (it is repeating colours unnecessarily)
- Use single color for all series in the same chart
- Code works on fiddle but not when I do /show
- HiChart click event 1st time it's working but when I update the data then click event is not working
- Why do I have the issue 'property assigment expected' when I want to display a chart on my web page using highcharts
- Possible to force Highcarts to use the circle symbol for all the series in a line graph?
- Strange character in the Highstock source code
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- in HighChart the X axis 0(zero) geting up in the middle of the chart when there is no record or all the records are zero
- I want to capture the starting and end point of all the series in my multigraph and show it in a table using MeasureX of StockTools in Highstock
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- Chart not fill all the page in A4 format when printing. (highcharts)
- How can I put xAxis in highcharts starting in the horizontal line when all values are in 0?
- Not all Tooltips and crosshairs not fading from synchronised charts when the mouse leaves a chart
- How to use the default colors when specifying patterns in a zone in Highcharts
- A few histograms, each with different data but all of them having the same bin width and no gaps between bins
- How to use highcharts to display data of only five point when the page is initialized?
- highcharts.js push line to the bottom of the charts when y values are all 0
- I want to show all lines but just legend of one of them in highchart
- In highstock 1.3.0, when zooming in full, the graph draws all messed up
- When I click on first pie on the page, the second appears, but then I cannot do anything with the first
- Using the source version instead of mimified when import lib with reactjs and npm
- Highcharts - Sankey chart not displaying all the data when series font increased
- I am using highcharts that give data when I insert in array but I want to insert data dynamically
- how can I use rangeselector and navigation in highcharts in the given code
- Calling Highcharts export to jpeg but the source is https and exporting is http (security warnings issued by browser)
- In the following code i want to show the WHOLE names on x axis nd dont want them to overlap with the legend
- Highcharts Pie chart: how to hide the legend for all but the three highest values
- stacked bar chart shows hanging zeros when all values are 0 highcharts
More Query from same tag
- Highcharts Stack Column Sum Positive and Negative Together
- Add Flag based on button event
- Marker rotation in Highchart
- HIghcharts, Selecting a second Point within the Point.select event
- Dynamically changeable Firebase URL
- Highcharts fill bar background
- How to make histogram from already aggregated data?
- how to get categories values and spacing in label in highcharts
- Crispy GridLineDashStyle
- To create piechart in highcharts
- Highcharts dynamic-update example - adding 1 new value every second - without historic data
- Adding a slider to a High Charts Treemap
- Highcharts - How to deal with separately scrollbar on multi-charts
- highcharts.js and highstock.js conflict
- How to change the axis of Dual axes Graph
- How do I make the x-axis category label in a polar chart of HighChart non-wordwrap?
- Convert c# date to Javascript
- how to get the axis value when I click on a cursor in highstock(high charts)?
- highcharts, toggle a category?
- How to add custom icons as markers in Highcharts
- Highchart - xAxis weekly date can start any day?
- plotting dynamic array data structure with highchart
- How to specific name (tooltip) for each bar in Highchart
- Highcharts not displaying json data in php
- Highcharts - 'setState' after 'mouseOut' event
- How to convert Django datetime to HighCharts format
- JSON output for highcharts
- Highchart: Bubble heading is not showing if two bubbles intersect or comes near one another in Bubble chart
- How to plot a Stacked column chart using highcharts?
- Align y-axis title of high charts to begin exactly at 0 position