fix: style issue with dots

package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-charts",
-  "version": "2.0.0-rc16",
+  "version": "2.0.0-rc17",
   "main": "dist/frappe-charts.esm.js",
   "module": "dist/frappe-charts.esm.js",
   "browser": "dist/frappe-charts.umd.js",

src/js/index.js

@@ -3,7 +3,7 @@ import * as Charts from './chart';
 let frappe     = { };
 
 frappe.NAME    = 'Frappe Charts';
-frappe.VERSION = '2.0.0-rc16';
+frappe.VERSION = '2.0.0-rc17';
 
 frappe         = Object.assign({ }, frappe, Charts);
 

src/js/utils/draw.js

@@ -575,7 +575,7 @@ export function datasetBar(x, yTop, width, color, label = '', index = 0, offset
 
 export function datasetDot(x, y, radius, color, label = '', index = 0, hideDotBorder = false) {
 	let dot = createSVG('circle', {
-		style: `fill: ${color} ${hideDotBorder ? `stroke: ${color}`: ''}`,
+		style: `fill: ${color}; ${hideDotBorder ? `stroke: ${color}`: ''}`,
 		'data-point-index': index,
 		cx: x,
 		cy: y,