score:1
Accepted answer
I am not sure how this chart suppose to look, so I suggest to use grouped categories plugin, to display data: http://jsfiddle.net/TFhd7/754/
However, as you said, it's not a problem to render 1000 of bars, but readability of the chart will be very bad (just multiplicated data, see: http://jsfiddle.net/TFhd7/755/ )
Sample code for Highcharts:
var categories = [],
seriesData = [];
$.each(mockData, function(i, item) {
categories.push({
name: item.name,
categories: item.partners
});
seriesData = seriesData.concat(item.data);
});
var chart = new Highcharts.Chart({
chart: {
renderTo: "container",
type: "bar"
},
legend: {
enabled: false
},
series: [{
data: seriesData
}],
xAxis: {
categories: categories,
labels: {
x: -4
}
}
});
Source: stackoverflow.com
Related Query
- Creating A MultiSeries Bar Chart With Different Number of Series For Each Item
- Passing in Id for each data item in bar chart using highcharts
- Bar chart in High chart for indication of value with two colors in each bar where one color is always kept fixed
- Creating a drilldown chart with Highcharts that contain double(multiple) columns for each column (see example for better explanation)
- Showing a bar chart with expected value and current value for a series
- How to add different series data for each categories in Stacked Column chart in Highcharts?
- How to render a bar chart with different series with only one entry per category in HighCharts
- Chart with different colour for each cell
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Creating negative stacking bar chart with Highcharter(Likert chart)
- Highcharts: make y-axis extremes the same for two data series with different units
- Splitted bar chart for paired data with highcharts
- Highchart Polar chart - 4 nested circle with different series
- Pie Chart for Data on Different Things with HighChart
- different approximation methods (dataGrouping) for each Series in one Highstocks-Chart?
- Highcharts gantt chart : Task progress indicator need to show a single task for various status like completed,inprogress etc with different colors
- Highcharts series showing different data for 'column' and 'line' chart
- How to change color of bar in column chart with different level of percentage in highcharts
- How to set column width for columnRange chart with multiple series
- Highcharts for multiple plot lines each with a different color and show tooltip?
- How to Create synchronized High chart with different no of series per chart
- Time series horizontal bar chart for running queries visualization
- Highcharts Polar Chart - Specify Data Series & Tooltips for each Axis
- Creating ranking chart in Higcharts with bar range colors
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- HighCharts line series not displaying properly with stacked bar combo chart
- Highcharts single horizontal stacked bar chart with data names (labels) and %-ages always shown and data numbers and series name shown on mousehover
- set individual color for each bar in bar chart using highcharts
- Adding a link to each stacked bar chart item
- ChartJS/High Charts Radar chart - Different radial axis labels for each category that appear on hover
More Query from same tag
- Counter with highcharts
- How to setExtremes in xAxis event handler?
- Customize highcharts under the hood
- Highcharts Export without internet
- In a Highcharts heatmap is it possible for a data point to be ignored for the color scale?
- Changinx Bar Charts X position on Highcharts
- Adding dynamic irregular data to area chart causes it to shift
- Display bar as an arrow with Highcharts
- Stacked chart Scrolling Issue
- Dynamic series for columrange (highcharts)
- HighCharts Sankey + NextJS: TypeError: Cannot read property 'Core/Series/Point.js' of undefined
- How to use a javascript variable in highcharts series?
- How to put two y-axis on a wicketcharts-highcharts chart in Java
- how can I make highstock flags stay put
- How to show unique name of every points in highCharts using angular
- Unable to display x-axis labels on multi-column mysql array in Highcharts
- Irregular time data in highcharts
- Remove Highchart line when no value
- highcharts - pulling data from HTML but converting the strings to number
- How do I put Icons in the y Axis for a Dynamic Highcharts chart?
- How to add post loading events to a highchart graph using a csv file
- X coordinates of each yAxis in HighStock chart
- highcharts - exported png in horizontal bar charts
- highcharts div resize to min and max on click
- Highcharts: show multiple days data on same chart making them overlpa each other to comparison
- Where can I get HighStock old versions?
- Color individual markers on hover in Highcharts
- How to create a custom tooltip in highstocks
- Highcharts with sql server data
- Javascript Highcharts rename or remove series label in chart