高亮普通状态设置包括“系列主色、边框色、边框宽度、数据项标签、数据标签内容”等。
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至某柱子时，该柱子的颜色。
预览效果
设置高亮系列主色为深红色，如图：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至关系图中的数据点时，该数据点的边框色。
预览效果
设置高亮不同颜色的边框效果对比，如下：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至关系图中的数据点时，该数据点的边框宽度。
预览效果
设置高亮不同边框宽度的效果对比，如下：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至某柱子时，该柱子是否显示数据项标签。
预览效果
设置显示与不显示高亮数据项标签的效果对比，如下：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至某柱子时，该柱子的数据项标签的位置。
预览效果
设置高亮数据项标签的不同位置效果对比，如下：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至某节点时，该节点的颜色。
预览效果
设置高亮节点颜色为“红色”，如下：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置当鼠标光标选中或移至某柱子时，该柱子的数据项标签的文本样式。
预览效果
设置高亮数据项标签文本的字形为“楷体”，字号为“14”，字体颜色为“黑色”，如下：
