Skip to main content

Often when we are creating a dashboard we reach the limits of what the Studio can do. We then use the Code Editor to create custom charts.

The Code Editor gives us more freedom in creating charts, however what options are available to style the charts is a bit hit and miss. It would be great if we could use all the configuration options of Highcharts to style the Chart Widget. At the moment we are e.g. missing the connectNulls option for line series where there are caps in the data or the dataSorting configuration when we want to arrange the data after getting it from the context.

If it is too much work to incorporate all configuration options it would still be great to have a way to “pipe through” the Highcharts configuration somehow.

Auto-translation 🪄

Souvent, lorsque nous créons un tableau de bord, nous atteignons les limites de ce que le Studio peut faire. Nous utilisons ensuite l'éditeur de code pour créer des graphiques personnalisés. L'éditeur de code nous donne plus de liberté dans la création de graphiques, mais les options disponibles pour styliser les graphiques sont un peu aléatoires. Ce serait formidable si nous pouvions utiliser toutes les options de configuration de Highcharts pour styliser le widget graphique. En ce moment, nous sommes par ex. il manque l'option connectNulls pour les séries de lignes où il y a des majuscules dans les données ou la configuration dataSorting lorsque nous voulons organiser les données après les avoir extraites du contexte. Si cela demande trop de travail d'incorporer toutes les options de configuration, ce serait quand même génial d'avoir un moyen de « traverser » la configuration Highcharts d'une manière ou d'une autre.

Hello Johannes,

 

Thanks for your enthousiasm.

As you mention in your message, this would be a big amount of work to give access to all possibilities of customization. We’d like to invest time and effort to bring more features about customization within the studio but we must prioritize. Could you provide more details about the features you need the most and what it would help you achieve ?

Auto-translation 🪄

Bonjour Johannes, Merci pour votre enthousiasme. Comme vous le mentionnez dans votre message, cela représenterait un gros travail pour donner accès à toutes les possibilités de personnalisation. Nous aimerions investir du temps et des efforts pour apporter plus de fonctionnalités de personnalisation au sein du studio, mais nous devons établir des priorités. Pourriez-vous fournir plus de détails sur les fonctionnalités dont vous avez le plus besoin et ce que cela vous aiderait à réaliser ?

Hi Benoit

Thank you for your answer. At the moment the most pressing feature is to allow for gaps in line charts. By default the ods chart widget connects nulls (see Image). It would be great if we could change this behaviour with a parameter as connecting nulls can be quite misleading when the gaps are not as big as in the exemplary image below.

Someone hinted to me the ods-chart custom css library but did not come to a result. Or am I missing something and somehow css wizardry can help me out here?

Best,
Johannes

 

Auto-translation 🪄

Bonjour Benoit, merci pour votre réponse. À l'heure actuelle, la fonctionnalité la plus urgente consiste à tenir compte des lacunes dans les graphiques linéaires. Par défaut, le widget de graphique ods connecte les valeurs nulles (voir Image). Ce serait formidable si nous pouvions modifier ce comportement avec un paramètre, car la connexion de valeurs nulles peut être assez trompeuse lorsque les écarts ne sont pas aussi grands que dans l'exemple d'image ci-dessous. Quelqu'un m'a fait allusion à la bibliothèque CSS personnalisée ods-chart, mais n'y est pas parvenu. un résultat. Ou est-ce que j'ai raté quelque chose et d'une manière ou d'une autre, la magie CSS peut m'aider ici ? Meilleur, Johannes

*Bump* ;-)

Auto-translation 🪄

*Bosse* ;-)