页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

代码块
collapsetrue
//类型:ClientSide        对象:组件图表        事件onBeforeRender
function main(page: IPage, portlet: IEChartsPortlet) {
    const options = portlet.getChartOptions()
    if (!options) return
    const newOptions = SmartbiXMacro.utils.deepClone(true, {}, options)
    const series = options.series[0]
    if (!series) return
    series.force = {
        // 设置点与点之间的距离
		"repulsion": 3000
	}
    // 设置标签的显示
    const links = series.links
    // 使用tooltip的formatter函数
    const formatter = options.tooltip.formatter
    links && links.forEach((link: any) => {
        if (!link) return
        link.label = {
            formatter: (params: any) => {
                let label = formatter(params, null, null, newOptions);
                return label && label.replace(/<br\/>/g, '\n')
            },
            show: true
        };
    })
    portlet.setChartOptions(options)
}

       当字符串内容较多展示较为拥挤时,可通过扩展属性调整线条长度: 当字符串内容较多展示较为拥挤时,还可通过扩展属性调整点与点之间的距离:

代码块
{
	"series": [
		{
			"force": {
				"repulsion": 5000
			}
		}
	]
}

...