性一交一乱一伦一在线小视频,国产偷抇,久久天天操

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

JavaScript圖表庫(kù)Highcharts入門(mén)教程（十）：工具提示

翻譯|使用教程|編輯：吳園園|2020-03-25 14:01:19.957|閱讀 396 次

概述：工具提示的內(nèi)容是從HTML的子集呈現(xiàn)的，可以通過(guò)多種方式對(duì)其進(jìn)行更改，總而言之，可以使實(shí)現(xiàn)者完全控制內(nèi)容。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

Highcharts是一款純JavaScript編寫(xiě)的圖表庫(kù)，為你的Web網(wǎng)站、Web應(yīng)用程序提供直觀、交互式圖表。當(dāng)前支持折線、曲線、區(qū)域、區(qū)域曲線圖、柱形圖、條形圖、餅圖、散點(diǎn)圖、角度測(cè)量圖、區(qū)域排列圖、區(qū)域曲線排列圖、柱形排列圖、極坐標(biāo)圖等幾十種圖表類(lèi)型。

點(diǎn)擊下載Highcharts最新試用版

工具提示

將鼠標(biāo)懸停在一系列點(diǎn)上時(shí)，將顯示工具提示。默認(rèn)情況下，工具提示顯示點(diǎn)的值和系列的名稱(chēng)。

JavaScript圖表庫(kù)Highcharts入門(mén)教程（十）：工具提示

外觀

以下代碼示例顯示了工具提示的最常見(jiàn)外觀選項(xiàng)：

tooltip: {
    backgroundColor: '#FCFFC5',
    borderColor: 'black',
    borderRadius: 10,
    borderWidth: 3
}

也可以將背景色設(shè)置為漸變，

工具提示格式

工具提示的內(nèi)容是從HTML的子集呈現(xiàn)的，可以通過(guò)多種方式對(duì)其進(jìn)行更改，總而言之，可以使實(shí)現(xiàn)者完全控制內(nèi)容。除了工具提示配置對(duì)象上的選項(xiàng)之外，您還可以設(shè)置各系列的選項(xiàng)，如何通過(guò)series.tooltip在工具提示中表示每個(gè)系列。

可以使用tooltip.headerFormat更改工具提示的標(biāo)題部分。在共享的工具提示中，使用了第一個(gè)系列的headerFormat。
每個(gè)系列的清單在tooltip.pointFormat選項(xiàng)中給出，或者為每個(gè)系列單獨(dú)的pointFormat給出。
可以在tooltip.footerFormat選項(xiàng)中設(shè)置頁(yè)腳部分。
上面的所有選項(xiàng)都可以由tooltip.formatter回調(diào)覆蓋，以進(jìn)行編程控制。

默認(rèn)情況下，工具提示僅允許HTML的子集，因?yàn)镠TML是使用SVG解析和呈現(xiàn)的。通過(guò)將useHTML選項(xiàng)設(shè)置為true，渲染器將切換為完整的HTML，從而允許在工具提示中使用表格布局或圖像。

tooltip: {
    formatter: function() {
        return 'The value for <b>' + this.x + '</b> is <b>' + this.y + '</b>, in series '+ this.series.name;
    }
}

十字準(zhǔn)線

十字線顯示一條線，將這些點(diǎn)與其相應(yīng)的軸連接起來(lái)。在Highcharts中默認(rèn)禁用十字準(zhǔn)線，但在Highstock中默認(rèn)啟用十字準(zhǔn)線。

可以為x軸，y軸或兩者啟用十字線：

// Enable for x-axis only
tooltip: {
    crosshairs: [true]
}
// Enable for y-axis only
tooltip: {
    crosshairs: [false, true]
}
// Enable for both axes
tooltip: {
    crosshairs: [true,true]
}

想要了解或購(gòu)買(mǎi)Highcharts正版授權(quán)的朋友，歡迎

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：

上一篇：SQL語(yǔ)法提示工具SQL Prompt使用教程：為什么應(yīng)該始終指定列是否接受空值下一篇：TOP Server OPC Server教程：將TOP Server與OPC UA客戶(hù)端一起使用