Fix class suffix - #665

c3.js

@@ -5490,7 +5490,7 @@
         return CLASS.chartArc + this.classTarget(d.data.id);
     };
     c3_chart_internal_fn.getTargetSelectorSuffix = function (targetId) {
-        return targetId || targetId === 0 ? ('-' + targetId).replace(/[\s!@#$%^&*()_+,<>]/g, '-') : '';
+        return targetId || targetId === 0 ? ('-' + targetId).replace(/[\s!@#$%^&*()_+,.<>'"]/g, '-') : '';
     };
     c3_chart_internal_fn.selectorTarget = function (id, prefix) {
         return (prefix || '') + '.' + CLASS.target + this.getTargetSelectorSuffix(id);

spec/class-spec.js

@@ -47,8 +47,8 @@ describe('c3 chart class', function () {
         });
 
         it('should replace special charactors to "-"', function () {
-            var input = 'data1 !@#$%^&*()_+,<>',
-                expected = '-data1----------------',
+            var input = 'data1 !@#$%^&*()_+,.<>"\'',
+                expected = '-data1-------------------',
                 suffix = chart.internal.getTargetSelectorSuffix(input);
             expect(suffix).toBe(expected);
         });

spec/shape.bar-spec.js

@@ -3,8 +3,7 @@ var describe = window.describe,
     it = window.it,
     beforeEach = window.beforeEach;
 
-var initDom = window.initDom,
-    setMouseEvent = window.setMouseEvent;
+var setMouseEvent = window.setMouseEvent;
 
 describe('c3 chart shape bar', function () {
     'use strict';

src/class.js

@@ -155,7 +155,7 @@ c3_chart_internal_fn.classChartArc = function (d) {
     return CLASS.chartArc + this.classTarget(d.data.id);
 };
 c3_chart_internal_fn.getTargetSelectorSuffix = function (targetId) {
-    return targetId || targetId === 0 ? ('-' + targetId).replace(/[\s!@#$%^&*()_+,<>]/g, '-') : '';
+    return targetId || targetId === 0 ? ('-' + targetId).replace(/[\s!@#$%^&*()_+,.<>'"]/g, '-') : '';
 };
 c3_chart_internal_fn.selectorTarget = function (id, prefix) {
     return (prefix || '') + '.' + CLASS.target + this.getTargetSelectorSuffix(id);