Dimensions setting & VisualMap support

README.md

@@ -81,6 +81,10 @@ chart.setOption({
         rotationRange: [-90, 90],
         rotationStep: 45,
 
+        // Dimensions can be used to define dimension info for series.data.
+
+        dimensions: ['value'],
+
         // size of the grid in pixels for marking the availability of the canvas
         // the larger the grid size, the bigger the gap between words.
 

src/WordCloudSeries.js

@@ -18,7 +18,7 @@ echarts.extendSeriesModel({
 
   getInitialData: function (option, ecModel) {
     var dimensions = echarts.helper.createDimensions(option.data, {
-      coordDimensions: ['value']
+      coordDimensions: option.dimensions
     });
     var list = new echarts.List(dimensions, this);
     list.initData(option.data);
@@ -40,6 +40,8 @@ echarts.extendSeriesModel({
     width: '70%',
 
     height: '80%',
+
+    dimensions: ['value'],
 
     sizeRange: [12, 60],
 

src/WordCloudView.js

@@ -14,6 +14,7 @@ echarts.extendChartView({
     seriesModel.layoutInstance.ondraw = function (text, size, dataIdx, drawn) {
       var itemModel = data.getItemModel(dataIdx);
       var textStyleModel = itemModel.getModel('textStyle');
+      var itemVisualStyle = data.getItemVisual(dataIdx, 'style');
 
       var textEl = new echarts.graphic.Text({
         style: echarts.helper.createTextStyle(textStyleModel),
@@ -28,7 +29,8 @@ echarts.extendChartView({
         y: drawn.info.fillTextOffsetY + size * 0.5,
         text: text,
         verticalAlign: 'middle',
-        fill: data.getItemVisual(dataIdx, 'style').fill,
+        fill: itemVisualStyle.fill,
+        opacity: itemVisualStyle.opacity,
         fontSize: size
       });