小编Ste*_*veP的帖子

我需要在highcharts图例项上修改click事件.Highcharts演示 http://www.highcharts.com/demo/line-basic.我想要例如:第一个动作将是一些警报,第二个动作将默认为动作(从图表中清除东京线).谢谢.对不起,如果问题不干净.

我在jquery中遇到了几种处理click事件的方法:

绑定:

$('#mydiv').bind('click', function() {
    ...
});

点击:

$('#mydiv').click(function() {
   ...
}

上:

$('mydiv').on('click', function() {
   ...
}

两个问题:

1. 他们还有其他方法吗？
2. 我应该使用哪一个,为什么？

更新:

正如eveyone提出的那样,我应该更好地阅读文档,并发现我应该使用:

on()或click(),

这实际上是一回事.

但是,没有人解释为什么不再推荐bind？我可能会因为错过显而易见的地方而获得更多的支持,但我在文档中找不到这个原因.

UPDATE2:

'on'具有能够将事件处理程序添加到动态创建的元素的有用效果.例如

$('body').on('click',".myclass",function() {
    alert("Clicked On MyClass element");
});

此代码为具有"myClass"类的元素添加了一个单击处理程序.但是,如果稍后动态添加更多myClass元素,它们也会自动获得点击处理程序,而不必显式调用'on'.据我所知,人们说,这也更有效(见下面的西蒙斯答案).

我想在我的网页上有两个部分,可以向左或向右拖动:

<style>
#sortableitem {
    width: 100px;
    height: 70px;
    float:left;
    list-style-type: none;
}
.content {
    background:lightgrey;
}
.header {
    background:grey;
}
<style>

<ul id='sortable'>
<li id='sortableitem'>
    <div class='header'>ITEM 1</div>
    <div class='content'>Content here</div>
</li>
<li id='sortableitem'>
    <div class='header'>ITEM 2</div>
    <div class='content'>Content here</div>
</li>
</ul>

<script>
$(document).ready(function () {
    $("#sortable").sortable();
});
</script>

这是在这里工作:http://jsfiddle.net/gTUSw/

但是,我只想使用标题部分进行拖动.我有想要选择的内容.

我如何让它工作,以便我可以通过标题拖动,但仍然可以正常控制内容区域中的鼠标事件？

我想减少条形图系列数据之间的空间.下面提到的图像给出了清晰的图像:

任何人都可以建议最好的方法吗？

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Historic World Population by Region'
        },
        subtitle: {
            text: 'Source: Wikipedia.org'
        },
        xAxis: {
            categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },
        tooltip: {
            valueSuffix: ' millions'
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        legend: {
            layout: 'vertical',
            align: …

我正在使用setExtremes来放大图表中的细节,并允许用户通过在图表中选择来缩放"x,y".当用户放大时,他们会得到一个"重置缩放"按钮,但是当我调用setExtremes时,我没有.

有没有办法强制"重置缩放"按钮以编程方式显示？

更新:

调用

if( !chart.resetZoomButton ) {
    chart.showResetZoom();
}

在afterSetExtremes事件处理程序内部使按钮出现,但单击它不会执行任何操作.

更新:

我没有调用setExtremes,而是改为调用

chart.xaxis [0] .zoom(minx,maxx); chart.yaxis [0] .zoom(miny,maxy); chart.redraw();

通过在图表上选择,这与用户缩放具有相同的效果.

我有一个highcharts饼图,允许您通过单击图例删除切片.

http://jsfiddle.net/f3Lx6cxk/

我想以图形方式渲染时以编程方式隐藏切片.在我的jsfiddle中,按钮调用

chart.series[0].data[i].select();

它具有滑出切片的效果.我想要一个类似的调用来完全删除切片,但在传奇中留下灰色(所以指向.删除是不好的).效果应与单击图例项目相同.

在highcharts中,我想绘制一个散点图/气泡图,其中x值的范围是-50到+50,y值是-100到+100.有没有办法让x和y轴被绘制,使它们在图表中心的零点交叉？

我已经尝试在轴上使用'offset'参数,它确实会移动轴,例如http://bit.ly/Xd9Z51,但这种方法存在以下问题:

1. 您无法动态设置偏移参数,因此如果系列更新并更改最小/最大x/y值,则轴不再交叉为零.
2. 如果缩放,轴不再交叉为零.
3. 考虑到div大小,边距,标题等,很难以像素为单位计算偏移量.
4. 调整包含div的大小会导致所需的轴偏移位置发生变化.

我正在使用CefSharp嵌入一个webapp，一切正常。但是，登录应用程序时，CEF不会像在普通Chrome中打开应用程序时那样记住用户名和密码。

CefSharp中是否有一种方法可以让cef要求记住用户名/密码，以便在使用返回到应用程序时，他们可以更快地登录？

我试过使用一些命令行参数，例如

CefSettings cs = new CefSettings();
cs.CefCommandLineArgs.Add("enable-automatic-password-saving", "enable-automatic-password-saving");
cs.CefCommandLineArgs.Add("enable-password-save-in-page-navigation", "enable-password-save-in-page-navigation");
Cef.Initialize(cs);

但是到目前为止，cef尚未提示我保存用户名/密码。

我试图使用jQuery从xml源填充高图系列.XML文件是从R​​RDTool导出的,具有以下格式:

<data>
<row><t>1347559200</t><v>2.1600000000e+01</v></row>
<row><t>1347562800</t><v>2.1504694630e+01</v></row>
<row><t>1347566400</t><v>2.1278633024e+01</v></row>
.
.
.
</data>

我的方法是使用jQuery加载数据并将系列推送到图表:

$.ajax({
      type: "GET",
      url: "data/data.xml",
      dataType: "xml",
      success: function(xml) {
        var series = {  data: []
                    };

        $(xml).find("row").each(function()
        {
            var t = parseInt($(this).find("t").text())*1000
            var v = parseFloat($(this).find("v").text())
            series.data.push([t,v]);
        });
        options.series.push(series);
      }
  });

我最终收到以下错误:

意外值NaN解析y属性

我创建了一个JSFiddle来演示代码:http://jsfiddle.net/GN56f/

我试图将两个div放在另一个上面.顶部有一个固定的大小.底部需要填充页面高度的其余部分,如果内容太大则不会使页面更高.

<div id="content">
    <div id="top-padding"></div>
    <div id="stuff">
        some content
        <br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br>
        End of content.
    </div>
</div><!-- content -->

我到目前为止的尝试是:http://jsfiddle.net/b4fEE/

我遇到的问题是绿色div太大了.我需要指定它的高度为

100% - 30px

我更喜欢在纯CSS中执行此操作,但如果需要,我将使用javascript/jquery.