首页 > 解决方案 > 如何自定义 Flotr2 雷达图

问题描述

http://www.humblesoftware.com/flotr2

我正在尝试修改 Flotr2 雷达图的默认字体大小、粗细和颜色。我可以在 flotr2.js 文件中更改它,但我想单独保留源文件。

目前,当我在 Flotr.draw 调用中设置更大的 fontSize 时,它​​只会进一步分隔标签。

function drawGraph(container, series, ticks)
{
    Flotr.draw(container, series, {
        colors: colors,
        HtmlText: true,
        fontSize: 30,
        radar: {
            show: true
        },
        grid: {
            circular: true,
            minorHorizontalLines: true
        },
        yaxis: {
            min: 0,
            max: 7,
            minorTickFreq: 1,
            showLabels: false
        },
        xaxis: {
            ticks: ticks,
            titleAlign: 'right'
        },
        legend: {
            position: 'ss',
            container: document.getElementById("legendItems")
        }
    });
}

我不确定还能尝试什么...

标签: javascriptcssflotr2

解决方案


在绘制图形之前从窗口对象访问变量似乎效果很好。

window.Flotr.defaultOptions.fontSize = 8;
window.Flotr.defaultOptions.xaxis.color = '#000000';

找不到更改字体粗细的方法。


推荐阅读