diff --git a/packages/vchart/__tests__/runtime/browser/index.page.ts b/packages/vchart/__tests__/runtime/browser/index.page.ts index fa711464f1..bb38bdd3ee 100644 --- a/packages/vchart/__tests__/runtime/browser/index.page.ts +++ b/packages/vchart/__tests__/runtime/browser/index.page.ts @@ -3,5 +3,6 @@ */ // import VChart from '../../../src'; -import './index.page.local.ts'; +//import './index.page.local.ts'; // window['VChart'] = VChart; +import './test-page/word-cloud-shape'; diff --git a/packages/vchart/__tests__/runtime/browser/test-page/word-cloud-shape.ts b/packages/vchart/__tests__/runtime/browser/test-page/word-cloud-shape.ts index 5c1e5ddb60..297c55b53f 100644 --- a/packages/vchart/__tests__/runtime/browser/test-page/word-cloud-shape.ts +++ b/packages/vchart/__tests__/runtime/browser/test-page/word-cloud-shape.ts @@ -4,26 +4,166 @@ import { dataWordCloudShape } from '../../../data/data-wordcloud-shape'; const run = () => { const spec = { type: 'wordCloud', - width: 500, - height: 500, - padding: 20, + maskShape: 'https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/log.jpeg', + nameField: 'challenge_name', + valueField: 'sum_count', + seriesField: 'challenge_name', data: [ { name: 'data', - values: dataWordCloudShape + values: [ + { + challenge_name: '玄魂对对对对对对', + sum_count: 1957 + }, + { + challenge_name: '刘昊然', + sum_count: 942 + }, + { + challenge_name: '喜欢', + sum_count: 842 + }, + { + challenge_name: '真的', + sum_count: 828 + }, + { + challenge_name: '四海', + sum_count: 665 + }, + { + challenge_name: '好看', + sum_count: 627 + }, + { + challenge_name: '评论', + sum_count: 574 + }, + { + challenge_name: '好像', + sum_count: 564 + }, + { + challenge_name: '沈腾', + sum_count: 554 + }, + { + challenge_name: '不像', + sum_count: 540 + }, + { + challenge_name: '多少钱', + sum_count: 513 + }, + { + challenge_name: '韩寒', + sum_count: 513 + }, + { + challenge_name: '不知道', + sum_count: 499 + }, + { + challenge_name: '感觉', + sum_count: 499 + }, + { + challenge_name: '尹正', + sum_count: 495 + }, + { + challenge_name: '不看', + sum_count: 487 + }, + { + challenge_name: '奥特之父', + sum_count: 484 + }, + { + challenge_name: '阿姨', + sum_count: 482 + }, + { + challenge_name: '支持', + sum_count: 482 + }, + { + challenge_name: '父母', + sum_count: 479 + }, + { + challenge_name: '一条', + sum_count: 462 + }, + { + challenge_name: '女主', + sum_count: 456 + }, + { + challenge_name: '确实', + sum_count: 456 + }, + { + challenge_name: '票房', + sum_count: 456 + }, + { + challenge_name: '无语', + sum_count: 443 + }, + { + challenge_name: '干干净净', + sum_count: 443 + }, + { + challenge_name: '为啥', + sum_count: 426 + }, + { + challenge_name: '爱情', + sum_count: 425 + }, + { + challenge_name: '喜剧', + sum_count: 422 + }, + { + challenge_name: '春节', + sum_count: 414 + }, + { + challenge_name: '剧情', + sum_count: 414 + }, + { + challenge_name: '人生', + sum_count: 409 + }, + { + challenge_name: '风格', + sum_count: 408 + }, + { + challenge_name: '演员', + sum_count: 403 + }, + { + challenge_name: '成长', + sum_count: 403 + }, + { + challenge_name: '玩意', + sum_count: 402 + }, + { + challenge_name: '文学', + sum_count: 397 + } + ] } - ], - // 本地图片: 引用相对路径image无法loader,待canopus修复。先使用localhost的引入方法 - maskShape: `${window.location.origin}/sources/shape.png`, - colorList: ['#325AB4'], - wordCloudShapeConfig: { - fillingColorList: ['#5BB5BF', '#92C8C6'] - }, - nameField: 'challenge_name', - valueField: 'sum_count', - seriesField: 'challenge_name' + ] }; - const cs = new VChart(spec, { dom: document.getElementById('chart') as HTMLElement, mode: isMobile ? 'mobile-browser' : 'desktop-browser' diff --git a/packages/vchart/__tests__/runtime/browser/vite.config.js b/packages/vchart/__tests__/runtime/browser/vite.config.js index aed3ba1049..4de59d3d37 100644 --- a/packages/vchart/__tests__/runtime/browser/vite.config.js +++ b/packages/vchart/__tests__/runtime/browser/vite.config.js @@ -1,5 +1,4 @@ import * as path from 'path'; -import localConf from './vite.config.local'; import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'; import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill'; import rollupNodePolyFill from 'rollup-plugin-node-polyfills'; @@ -7,7 +6,7 @@ import rollupNodePolyFill from 'rollup-plugin-node-polyfills'; export default { server: { host: '0.0.0.0', - port: localConf.port || 3000, + port: 3000, https: !!process.env.HTTPS, open: true },