Changing scatter chart point marker shape

Oleg Fil

March 10, 2016 12:38

Download: Scatter Chart

Introduction

The following article describes how to customize scatter chart point marker shape.

Example image:

Supported widget types:

- Scatter chart

Supported point shapes:

- triangle, diamond, triangle-down, square

Setup instruction:

- Download and extract the enclosed folder into the plugins folder:

C:\Program Files\Sisense\PrismWeb\plugins\scatterChartMarkerStyle, if the "plugins" folder is not there, create it. If you are using version 7.2 and higher unzip the contents into your C:\Program Files\Sisense\app\plugins\ folder.

- Add widget script for the widget which you want to customize

Follow the readme.md file instructions on how to properly set up widget script

Comments

9 comments

Expand Dev August 28, 2018 15:12

This looks really good, but I can't seem to get it to work.

Is this still available with the new version of sisense?

Thanks, James

0

Permalink
Analytics & Insights August 28, 2018 15:22

I would like to know about it, to.

I am trying to use it, but it doesn't works.

Thanks, Camila.

0

Permalink
Oleg Fil August 28, 2018 16:02

Hi James, Camila,

The plugin indeed is not compatible to the new Sisense version. Please try to make the following modifications to the main.js file (line 23 and line 40). This should help:

0

Permalink
Expand Dev August 28, 2018 16:19

Thanks, this works well, althout the legend does not show an icon unfortunately.

0

Permalink
Analytics & Insights August 28, 2018 17:02

I am having the same problem that James - see the image below - the icon of the legend disappears:

0

Permalink
Analytics & Insights August 30, 2018 13:42

Oleg,

Do you have any idea of how can we fix it?

0

Permalink
Oleg Fil September 03, 2018 09:41

Please find a fixed main.js here: https://drive.google.com/open?id=12nT923TYl9rCw0Gr80074i0WrbFuwuKf

0

Permalink
Analytics & Insights September 03, 2018 15:12

Oleg, thank you so much!

It works perfectly to me.

0

Permalink
Delsaran Bigglesworth October 24, 2018 20:37

I'm trying to round that corners of the square, and can't seem to figure it out.

'square': function (x, y, w, h) {
return [
'M', x, y,
'L', x + w, y,
x + w, y + h,
x, y + h,
'Z'
];
},

I'm not understanding whats going on here, 'L' is the path but I don't understand how it knows x and w... Any help would be great.

0

Permalink