Question

我正在寻找一个免费的库（类似于highcharts或d3.js），在这里我希望在X轴上绘制下一个5年的一年中的几个月，在Y轴上绘制一个数量-轴。我想将超链接添加到Y轴值，并添加对数据源的引用。我正在查看d3.js，找不到类似的内容，但馆藏很大，也许我错过了。关于我应该使用什么建议？

Answer 1

您可以设置图表的subtitle，并在其中定义指向数据源的链接，也可以在tooltip.pointFormat定义中进行相同的操作。这是代码：

subtitle: {
    useHTML: true,
    text: 'Data source: <a href="google.com">somewhereinthenet.com</a>'
},
tooltip: {
    useHTML: true,
    style: {
        pointerEvents: 'auto'
    },
    pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y}</b><br/><span style="font-size: 10px">Data source: <a href="google.com" class="tooltip-link">somewhereinthenet.com</a>'
}

实时示例： https://jsfiddle.net/3tkx75uq/

API参考：

https://api.highcharts.com/highcharts/subtitle

https://api.highcharts.com/highcharts/tooltip.pointFormat

X轴上带有时间的图表，Y轴上带有超链接的值

1 个答案: