score:2
Accepted answer
You are using the same data array values for each series, which is why they all look the same. I your first example, each series had a different set of data. To do this in the second, you should have a different data array for each series:
var data1 = [['Today', 12], ["This Week", 13], ["Last Week", 23], ["Last Month", 100]];
var data2 = [['Today', 5], ["This Week", 15], ["Last Week", 12], ["Last Month", 203]];
...
"series": [
{
"index": 0,
"dataLabels": {
"enabled": true
},
"name": 101,
"data":data1
},
{
"index": 1,
"dataLabels": {
"enabled": true
},
"name": 103,
"data": data2
},
etc.
Source: stackoverflow.com
Related Articles
- Reduce gap between series data in Bar Highchart
- Highchart (Column Chart) : Few data labels are not appearing for a series
- Highchart data series filled with different colors
- Columns HighChart remove spacing for empty data series
- Several Series with the same xAxis data in HighChart
- Highchart data series on wrong y-axis
- Highchart export not applying style(font size) on series data labels
- Plot Highchart multiple series line chart using JSON data
- Unable to trigger a click event on series data | Highchart
- Unable to create Highchart where i can show different - different data on clicking category and series
- Updating Highchart Series Data with Formatted AJAX Return
- Setting additional data to Highchart series via <%= #{} %> works for integers but not Strings
- How do I add an array of data points to a Highchart series
- Displaying time series data in a highchart
- Highchart Line chart – data series with multiple axis - 2nd series placed in the middle of X axis
- Highcharts series visibility with csv data source
- How to change the data series for highchart using a dropdown list
- How to redraw highchart series with json data value?
- Highchart not able to use javascript variables(arrays) in series data
- Assigning series data to highchart using Java ArrayList
- Counting json data to create dynamic series in highchart line charts
- Use series data but display custom text on top of columns Highchart
- adding Xaxis data in each series highchart
- How to have multiple highcharts with different series data in vuejs without repeating code
- Column based Highchart drilldown series assign color code to each column
- how to draw dynamic series in Highchart based on data
- HighChart - accessing series data by category name
- Add two json data series in one highchart
- How to display custom data on mouseover of column chart in highchart in addition to series data?
- Series Data in HighChart
- Can I scrape the raw data from highcharts.js?
- Highcharts export only renders one quarter of the image
- HIghchart Area Chart display NULL value in a wrong way
- HighCharts: Highlight a specific value with a different coloured marker
- Plot bar chart from top to bottom
- Highstock - Display last chart point in the center of the Y axis
- change distance of x-axis labels from axis in highchart
- Columns HighChart remove spacing for empty data series
- How draw a stacked column chart with type datetime
- $(...).highcharts is not a function despite correct order of files
- HIGHCHARTS How to to make separate colors for shaded region and the line in Area Graph
- Highchart basic bar : How to know which specific bar section is clicked?
- Fetch Values for Chart using JSON for Database driven Chart (highchart.js)
- Action doesn't execute after ajax post
- How to use HighCharts dart library in Flutter app?
- limit Highcharts x-Axis grouped categories and labels style
- highstock with json data
- World map paths data in react high charts
- Dynamically addSeries highcharts
- Highcharts Won't load from php json, but it could load from data.json file
