使用 Jquery ui 对话框显示 highchart 工具提示

Question

我想将多个文本区域的值显示为高图表中各个点的工具提示。单击按钮将打开一个包含文本区域的对话框。单击“确定”按钮时，这些输入将显示为各个点的工具提示highchart 折线图..我可以从文本区域获取输入，但是当我尝试将它们放在自定义对话框中时，jquery ui 自定义对话框不会与 highcharts 图一起显示..

我已将此代码用于工具提示..

对话框代码..

$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        width: 350,
        height: 500,
        modal : true,
        resizable: false,
        show:"slow"
    });

    $('#button').click(function() {
        $( "#dialog" ).dialog( "open" );
        $("#myDialogText").text("Data");
    });
});

这里是 js 小提琴..http://jsfiddle.net/RbenU/13/

我已经使用输入选择器从文本区域获取值。我需要为自定义对话框添加特定的选择器还是现有的选择器可以工作？？

Answer 1

我认为问题在于您包含 js 库的方式，您有多个 jqueryui 库，并且在控制台中出现错误

Object [object Object] has no method 'highcharts'

this one 是否适合您？