@eclipse-scout/chart 22.0.29 → 22.0.34

package/dist/file-list

@@ -1,8 +1,8 @@
-eclipse-scout-chart-4ad3082843cacd9fd867.min.js
-eclipse-scout-chart-4ad3082843cacd9fd867.min.js.LICENSE.txt
-eclipse-scout-chart-4ad3082843cacd9fd867.min.js.map
-eclipse-scout-chart-theme-4801a2aff3179586b17c.min.css
-eclipse-scout-chart-theme-dark-7429dc23c823152027f3.min.css
+eclipse-scout-chart-bc08151d11e1909eff6c.min.js
+eclipse-scout-chart-bc08151d11e1909eff6c.min.js.LICENSE.txt
+eclipse-scout-chart-bc08151d11e1909eff6c.min.js.map
+eclipse-scout-chart-theme-79622289bda68b525e3e.min.css
+eclipse-scout-chart-theme-dark-1de09c03e3dc40a9529a.min.css
 eclipse-scout-chart-theme-dark.css
 eclipse-scout-chart-theme-dark.css.map
 eclipse-scout-chart-theme.css

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-scout/chart",
-  "version": "22.0.29",
+  "version": "22.0.34",
   "description": "Eclipse Scout chart",
   "author": "BSI Business Systems Integration AG",
   "homepage": "https://www.eclipse.org/scout",
@@ -25,13 +25,13 @@
     "src"
   ],
   "devDependencies": {
-    "@eclipse-scout/cli": "22.0.29",
+    "@eclipse-scout/cli": "22.0.34",
     "@eclipse-scout/releng": "^22.0.0",
     "jasmine-core": "3.10.1",
     "karma": "6.3.20"
   },
   "dependencies": {
-    "@eclipse-scout/core": "22.0.29",
+    "@eclipse-scout/core": "22.0.34",
     "jquery": "3.6.0",
     "chart.js": "3.7.0",
     "chartjs-plugin-datalabels": "2.0.0"

package/src/chart/Chart.js

@@ -3,7 +3,7 @@
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -62,7 +62,8 @@ export default class Chart extends Widget {
     DOUGHNUT: 'doughnut',
     POLAR_AREA: 'polarArea',
     RADAR: 'radar',
-    BUBBLE: 'bubble'
+    BUBBLE: 'bubble',
+    SCATTER: 'scatter'
   };
 
   static Position = {
@@ -364,6 +365,7 @@ export default class Chart extends Widget {
       case Chart.Type.POLAR_AREA:
       case Chart.Type.RADAR:
       case Chart.Type.BUBBLE:
+      case Chart.Type.SCATTER:
         return new ChartJsRenderer(this);
     }
     return null;

package/src/chart/Chart.less

@@ -1,9 +1,9 @@
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -510,7 +510,8 @@
   }
 }
 
-.bubble-chart {
+.bubble-chart,
+.scatter-chart {
   min-width: @chart-min-width;
 
   & > .elements {
@@ -822,6 +823,8 @@ text.venn-legend {
 
 /*** chart tooltip ***/
 .tooltip.chart-tooltip {
+  max-width: 400px;
+
   --chart-tooltip-font-family: @font-default-family;
   --chart-tooltip-label-width: 70px;
 
@@ -886,4 +889,57 @@ text.venn-legend {
       text-align: left;
     }
   }
-}
+
+  & > .tooltip-content > table > tbody > .attribute {
+    padding-top: 2px;
+    padding-bottom: 2px;
+
+    &:first-child {
+      padding-top: 0;
+    }
+
+    &:last-child {
+      padding-bottom: 0;
+    }
+
+    & .color-cell {
+      & > .color {
+        height: 10px;
+        width: 10px;
+        border-radius: 50%;
+        margin-right: 5px;
+      }
+    }
+
+    & > .label {
+      max-width: 120px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding-right: 10px;
+      white-space: nowrap;
+      font-size: @field-label-font-size;
+      padding-top: @font-size-normal - @field-label-font-size;
+    }
+
+    & > .value {
+      white-space: nowrap;
+      text-align: right;
+      font-size: @font-size-normal;
+      font-weight: @font-weight-normal;
+      font-family: var(--chart-tooltip-font-family);
+      padding-right: 10px;
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+
+    &.title > .value {
+      text-align: left;
+      max-width: 120px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}