Changing scatter chart point marker shape
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
-
Please find a fixed main.js here: https://drive.google.com/open?id=1-kTgSCqOesraeR5k1ts1aDXFrKZVGpn9
-
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.
-
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'});
});
Please sign in to leave a comment.
Comments
12 comments