Highcharts series, interconnected with multiple series

Is it possible to utilize the linkedTo option within a series to establish connections between multiple series? For example, if I have series identified as series1, series2, series3, and series4, is there a way to link all of them together except for series2?

Can you provide guidance on the proper syntax for linkedTo: ... ?

I attempted using an array as shown below, but unfortunately, it did not yield the intended results:


{
 id:'series1',
 linkedTo: ['series3','series4'],
 data : ...
},
...

Answer №1

Here's an alternative approach to achieving the desired result without relying on an array in the linkedTo option:

Instead of providing an array, you can set linkedTo: null for the initial series and assign linkedTo: 'series1' to subsequent series. This will effectively link all series to the first one.

Additionally, ensure that showInLegend: true is used for the primary series while setting showInLegend: false for the other series.

For example:

{
 id:'series1',
 linkedTo: null,
 showLegened: true
 data : ...
 },
 {
 id:'series3',
 linkedTo: 'series1',
 showLegened: false
 data : ...
 },
...

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Switching from using v-data-table to v-virtual-scroll

I am currently in the process of switching from using v-data-table to v-virtual-scroll, but I am struggling to determine the correct syntax for the virtual scroller. Can you assist me with this, please? I want to maintain the same display as before, but no ...

Is it possible for two distinct TypeScript interfaces to share identical keys while allowing for varying values?

Is it possible in TypeScript to ensure that objValidator has the same keys as the obj it validates, with different key values? Any suggestions on how I can achieve this requirement? Specifically, the obj and objValidator should share identical keys. I wan ...

Create a new array by dynamically generating a key while comparing two existing arrays

One of the features in my app involves retrieving data from an API and storing it in $scope.newz. The previous user activity is loaded from LocalStorage as bookmarkData. I am facing a challenge with comparing the contentId values in arrays $scope.newz an ...

How to Apply a CSS Class to the Body Tag in Angular 2.x

How can I add [class.fixed]="isFixed" to the body tag when Angular 2.x is bootstrapped inside the body (outside my-app)? <html> <head> </head> <body [class.fixed]="isFixed"> <my-app>Loading...</my-app> </body> & ...

Ways to refresh the DOM while making an asynchronous request

Consider the following async function: async function predict_from_model() { $("#loading").html("first update") const model = await tf.loadModel('model.json'); $("#loading").html("second update") //delayed for (var i = 0; i < 100; i++ ...

Ensure that the text input box is positioned at the bottom of the chatbox and enable scrolling

Is there a way to make the textbox stay fixed at the bottom of the chatbox, regardless of how many messages are present? Currently, it appears after the last message. Additionally, I would appreciate assistance in implementing a scroll feature that automat ...

Using jQuery to sort through a list

I am currently working on a JavaScript code that filters a list using an input field. The issue I am facing is that the filter is case sensitive. This means that if I have an item named "item1," I have to type the exact word to filter it out. $(function() ...

Ways to link anchor tag in the ajax response success function

I have been working with Ajax in MVC. Currently, I am trying to concatenate an anchor tag within the success result of my Ajax call and then trigger a JavaScript function when clicking on this anchor tag. Here is a snippet of my code: success: function ( ...

Can you explain the differences between offsetHeight, clientHeight, and scrollHeight for me?

Have you ever wondered about the distinction between offsetHeight, clientHeight, and scrollHeight? What about offsetWidth, clientWidth, and scrollWidth? Understanding these differences is crucial for working effectively on the client side. Without this kn ...

Having trouble getting my app.get calls to work in the new Node Express project

Recently, I kicked off a new project and encountered a perplexing issue - my app.get method simply refuses to be invoked. The site keeps loading indefinitely without any content being displayed. Initially, I copied and pasted the code from another project ...

The jQuery regular expression for validating US postal codes is not functioning correctly

After implementing the code snippet provided, I noticed that no alert message is being displayed when non-numeric values are entered into the Zipcode field. Can someone please help me troubleshoot this issue? $("input:text[name='address_1[zip]&apos ...

Maintain the original canvas aspect ratio while resizing the browser window

I am working with a canvas that has a width and height set to 100%. It occupies the entire screen, and I have drawn an image on it. My goal is to maintain the original aspect ratio of the image when resizing the browser window. I am looking to achieve the ...

Losing Context in AngularJS 1.6 When Passing Service Function to Generic Model

Currently in my project, I am facing a scenario where I have multiple models performing similar actions. To streamline this process, I am looking to refactor by creating a generic "BaseModel" stored within a service. Previously, within my old models, I wo ...

The modifications to the URL made by react-router-dom's 'useSearchParams' do not persist when adjusted through the onChange callback of the mui 'Tabs' component

One feature I am looking to implement is a tab navigation component that changes based on a specific search parameter called tab. For instance, if my URL reads as example.com?tab=test2, I want the navigation bar to highlight the item labeled test2. To ac ...

Making a Dialog resizable with jQuery's Resizable Helper

Is there a way to implement the Helper feature from jQuery Resizable, which only shows a frame while resizing the container, in a Dialog? ...

Utilizing Bootstrap Modal to Display PHP Data Dynamically

Modals always pose a challenge for me, especially when I'm trying to work with someone else's code that has a unique take on modals that I really appreciate (if only I can make it function correctly). The issue arises when the modal is supposed ...

Creating a Dynamic Slideshow Rotation

Seeking help with an HTML5/jQuery slideshow system... I need the images to rotate continuously without pausing. Currently, when I reach the last slide, it goes back to the first by changing the margin-left to 0. Ideally, I want it to loop indefinitely. A ...

Using Node.JS, Sequelize, and Moment.JS to format dates

Seeking help on formatting a date loaded from Sequelize in my database. I'm working on a blog and need to display the creation date of an article. Here's my route: app.get("/", (req,res) =>{ Article.findAll({ order:[ [ ...

Troubleshooting issue with Onchange in select HTML element within Django

I'm working with a Problems model in my project. In my Models file models.py class Problems(models.Model): Easy = 'Easy' Medium = 'Medium' Hard = 'Hard' NA = 'NA' DIFFICULTY = [ (NA ...

Bug with FullPage scrollOverflow sections when scrolling with iScroll's scrollTo() function

I've encountered an issue while using FullPage with scrollOverflow: true. I need to scroll to a specific position in a scrollable section. The problem arises from the fact that FullPage utilizes a modified version of the iScroll plugin for these overf ...