常见问题及解决方案
通用问题
1. 如何为point/tooltip图层中的各个元素自定义类样式
信息
由于组件内部为图层中每个元素配置了默认的类样式，所以当需要用自定义样式覆盖内部样式时，需要使用id选择器的格式定义业务样式。
使用示例如下：
HTML文件
<html>
<head>
<style>
/* 地球组件容器样式 */
#container {
width: 500px;
height: 500px;
}
/* 定义自定义类样式时，需要添加地球组件容器的id选择器，提升样式优先级，余下同理 */
#container .item-normal {
background-color: red;
}
#container .item-selected {
background-color: green;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="module" src="./index.js"></script>
</body>
</html>
js文件 index.js
import { Globe } from 'thsc-datav-paradigm-3d-globe';
// 初始化一个图表实例
const globeIns = new Globe('#container');
globeIns.render({
theme: 'dark',
layers: {
type: 'point',
data: yourData,
point: {
itemStyle: {
// 在配置中指定自定义样式的类名
className: 'item-normal',
// 在配置中指定自定义样式的类名
selectedClassName: 'item-selected'
}
}
}
});
如果使用中遇到问题，请加入 Vanish 的“数据可视化问题反馈”公开群进行反馈。
也可以联系周昌炬(zhouchangju@myhexin.com)、王渊(wangyuan2@myhexin.com)进行反馈。