相关疑难解决方法(0)

单击Chart.js中饼图上的事件

我有一个关于Chart.js的问题.

我使用提供的文档绘制了多个饼图.我想知道如果单击其中一个图表的某个切片,我可以根据该切片的值进行ajax调用吗?

例如,如果这是我的 data

var data = [
    {
        value: 300,
        color:"#F7464A",
        highlight: "#FF5A5E",
        label: "Red"
    },
    {
        value: 50,
        color: "#46BFBD",
        highlight: "#5AD3D1",
        label: "Green"
    },
    {
        value: 100,
        color: "#FDB45C",
        highlight: "#FFC870",
        label: "Yellow"
    }
], 
Run Code Online (Sandbox Code Playgroud)

我是否可以点击Red标记的切片并调用以下形式的网址: example.com?label=red&value=300?如果是,我该如何解决这个问题?

javascript jquery charts chart.js

52
推荐指数
6
解决办法
12万
查看次数

chart.js 2.0当前鼠标坐标工具提示

我正在用chart.js实现一些点图.没有问题,但我想要做的是有一个工具提示,不仅附加到给定的数据点.现在您可以创建工具提示,它将在图表上的给定数据点附近显示一个弹出窗口.例如,如果我有数据点[1,5],[2,6]和[3,7],它将很乐意显示这三个数据点.

但我想要的是当我在1,5和2,6之间时,看到我在x轴上的确切位置.1.5,1.6等

在chart.js调用的工具提示选项中,我可以这样做:

tooltips: { mode: 'index', intersect: false, callbacks: { footer: function(tooltipItems, data) { return 'x:' + this._eventPosition.x + ' y:' + this._eventPosition.y; }, }, footerFontStyle: 'normal' }

但这是画布上x和y的位置,与实际的x和y图坐标无关.我似乎无法在chart.js中找到任何可用的数据,它可以获得鼠标当前位置的实际图表x,y坐标.

还要注意我在工具提示页脚中不需要它,我只是使用它作为测试输出的方便方法.我想要的是在固定位置始终可见的工具提示,以显示鼠标悬停在其上的当前实际图表x位置,而不管最近的数据点.

javascript charts chart.js

3
推荐指数
1
解决办法
2648
查看次数

标签 统计

chart.js ×2

charts ×2

javascript ×2

jquery ×1