@ echarts- x/ 习惯字云

wordCloud 是一个自定义序列,用于 Apache ECharts (英语),通常用于显示文本数据,其中每个单词的大小表明其频率或重要性.

源代码

使用量

浏览器环境

对于浏览器的使用,使用自动注册版本,在加载时自动安装自定义序列:

<script src="./node_modules/echarts/dist/echarts.js"></script>
<script src="./node_modules/@echarts-x/custom-word-cloud/dist/word-cloud.auto.js"></script>
<script>
  // No need to call echarts.use(), automatically registered
  const chart = echarts.init(...);
  const option = {
    series: [{
      type: 'custom',
      renderItem: 'wordCloud',
      // ...
    }]
  }
  chart.setOption(option);
</script>

见 实例 更多细节.

UMD( 通用模块定义)

对于需要人工注册或使用AMD/CommonJS加载器的环境:

// CommonJS
const echarts = require('echarts');
const wordCloudInstaller = require('@echarts-x/custom-word-cloud');
echarts.use(wordCloudInstaller);
const chart = echarts.init(...);

const option = {
  series: [{
    type: 'custom',
    renderItem: 'wordCloud',
    // ...
  }]
}
chart.setOption(option);

见 实例 更多细节.

无害环境管理(ES模块)

对于现代模块捆绑器或本地ES模块环境:

npm install @echarts-x/custom-word-cloud

import * as echarts from 'echarts';
import wordCloudCustomSeriesInstaller from '@echarts-x/custom-word-cloud';

echarts.use(wordCloudCustomSeriesInstaller);
const chart = echarts.init(...);

const option = {
  series: [{
    type: 'custom',
    renderItem: 'wordCloud',
    // ...
  }]
}
chart.setOption(option);

见 实例 更多细节.

API 密码

序列.数据

该系列的数据是数组. 每个子阵列代表一个字及其重量.

const data = [
  ['Visual Studio Code', 1000],
  ['ECharts', 800],
  ['TypeScript', 600],
  // ...
];

序列。项目付费负荷

这个 itemPayload 是一个包含下列属性的对象: