2012-02-23 235 views
1

我有一個highcharts圖,我正在尋找收集用戶關於每條線圖的一些數據。我試圖讓一個文本輸入框帶有一個與系列名稱相關的id或名稱,以便在圖例中的每個標籤旁出現。然後我可以有一個按鈕和代碼將收集的數據提交到其他地方的服務器。Highcharts Legend自定義HTML

我試過設置labelFormatter函數,但似乎只支持純文本。

有沒有一種簡單的方法與highcharts做到這一點還是我在看使用highchart事件掛鉤,將去並添加我想要的HTML寫我自己的功能?

任何幫助表示讚賞。 謝謝!

回答

1

所以我最終想出了一個「解決方案」。我不確定它是否是最好的,但我想在這裏留下一個便條,以防其他人需要它。

我結束了延伸的highstock源代碼和複製其showCheckbox代碼是一個showTextbox代碼。這不是一個非常通用的解決方案,但它解決了我的特殊問題。我還必須修改onmousedown處理程序,以便在單擊時將焦點傳遞給文本框。所以他們旁邊會出現圖例項

這些箱子被呈現在準確的位置HTML。圖例本身就是圖的SVG的一部分,這使得在其中獲得其他html相當困難。

如果你想要所有的代碼 - 留下評論,我會發布它。

+0

你好Tom,你能否告訴我你是如何延高的股票來源。我確實需要更改圖例渲染。 – 2012-08-14 11:27:42

2

看看這個例子。 http://jsfiddle.net/LCFKA/ 您必須在loadedData中設置您的系列數據,然後您只需在函數getItemsDescription中設置您要顯示的內容。

+0

我登陸此帖子搜索自定義工具提示。它有助於創建SVG元素。非常感謝。 +1爲小提琴鏈接。 – 2012-08-14 06:20:11

3

當你想在任何類型的標籤工作的HTML /工具提示你需要useHTML設置爲true(而不是在文件:/)。它在posistioning中給出了一些問題,但可以呈現任何html。

例如

plotOptions : { 
    series: { 
    dataLabels: { 
     useHTML: true 
    } 
    } 
}