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

12 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

Comment actions 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

Comment actions 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

Comment actions Permalink
Expand Dev August 28, 2018 16:19

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

0

Comment actions 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

Comment actions Permalink
Analytics & Insights August 30, 2018 13:42

Oleg,

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

0

Comment actions Permalink
Oleg Fil September 03, 2018 09:41 (Edited June 26, 2019 19:14)

Please find a fixed main.js here: https://drive.google.com/open?id=1-kTgSCqOesraeR5k1ts1aDXFrKZVGpn9

0

Comment actions Permalink
Analytics & Insights September 03, 2018 15:12

Oleg, thank you so much!

It works perfectly to me.

0

Comment actions 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

Comment actions Permalink
Delsaran Bigglesworth June 26, 2019 18:50

Dear Oleg Fil,

Your plugin works perfectly and I love it, but when I try to manually set the the min/max it breaks. Wondering if you had any idea this would be?

widget.on('domready', function(se, ev){
var e = element;
var chart = e.data('hc');

chart.alignTicks =false;

chart.yAxis[0].update({max:100, min: 0}, true);
chart.yAxis[0].update({tickInterval:5}, true);

chart.xAxis[0].update({max:100, min: 0}, true);
chart.xAxis[0].update({tickInterval:5}, true);

prism.changeScatterChartMarkerStyle(chart, chart.series[0], {shape: 'triangle'});

});

0

Comment actions Permalink
Oleg Fil June 26, 2019 19:08

Hi Delsaran

Try moving the prism.changeScatterChartMarkerStyle() function call outside the 'domready' function, since it's too late to update the chart

Thanks

0

Comment actions Permalink
Delsaran Bigglesworth June 27, 2019 12:31

Thank you Oleg, but now I'm even more confused. That suggestion didn't work but when I change the "Type" from "All Items" to "Sum" and had to do some trickery; then it worked.

0

Comment actions Permalink