如何自定义Flotr2雷达图

时间:2018-11-08 15:13:03

标签: javascript css 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")
        }
    });
}

我不确定还可以尝试...

1 个答案:

答案 0 :(得分:0)

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

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

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