Chart.js工具提示未显示

杰布科

我试图将工具提示添加到图表中,选项已正确加载,但是工具提示未显示,有什么想法吗?

        <script>

        var lineChartData = {
            labels : ["January","February","March","April","May","June","July"],
            datasets : [
                {
                    fillColor : "rgba(139, 157, 195, 1)",
                    strokeColor : "#4c66a4",
                    pointColor : "#fff",
                    pointStrokeColor : "#3b5998",
                    pointHighlightFill: "#fff",
                    data : [{{implode(',', $fanCounts)}}]

                }
            ]
        }

        var options = {
                    showTooltips: true,
                    tooltipEvents: ["mousemove", "touchstart", "touchmove"],
                    tooltipFillColor: "rgba(0,0,0,0.8)"
                }

        var myLine = new Chart(document.getElementById("fancanvas").getContext("2d")).Line(lineChartData, options);

        </script>

我还更改了chart.js全局配置,以启用折线图的工具提示。

阿伦·约克斯(Arun Yokesh)
var ctx = document.getElementById("canvas").getContext("2d");
    window.myLine = new Chart(ctx).Line(lineChartData, {
        responsive: true,
        showTooltips: true,
        multiTooltipTemplate: "<%= value %>",
    });

使用此(全局设置)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chart.js工具提示未显示

使用Chart.JS显示单个工具提示?

Chart.js如何在工具提示上显示%

Chart.js在页面加载时显示工具提示

Chart.js工具提示值以两行显示

由于未显示图例,因此在生成工具提示时移动了chart.js filltext对象

悬停工具提示上的 Google-Line-Chart 未显示值

Chart.js插件重叠的工具提示

Chart.js:着色工具提示标签

Chart.js:更改工具提示模板

Chart.js v2:如何使工具提示始终显示在饼图中?

Chart.js - 甜甜圈显示活动段工具提示(点击外部按钮)

Chart.js 2.0 - 工具提示在悬停时显示不完整的数据

当光标位置错误时,将显示Chart.js鼠标悬停工具提示

JavaScript Chart.js-自定义数据格式以显示在工具提示上

chart.js散点图-在工具提示中显示特定于点的标签

如何在 bar chart.js 中的工具提示中显示一个以上的值?

JavaScript-Chart.js工具提示显示错误的x轴值

如何在chart.js中的图例项上显示工具提示

对于在chart.js中数据相互重叠的那些标签,工具提示不显示

在 Chart.js v2 圆环图工具提示中显示所有值

Chart.JS-工具提示-问题:3个数据点,每个数据点均显示所有三个单独的工具提示

Chart.js-使用工具提示绘制任意点

Chart.js 中的多标签工具提示

Chart.js在工具提示和标签上添加图标

Chart.js工具提示背景颜色设置

Chart.js - 工具提示与条形值重叠

针对混合图表的Chart.js工具提示悬停定制

工具提示弄乱了 Chart.js 中的条形图