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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何在Chart.js中显示工具提示?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

允许在Chart.js的工具提示中显示多个数据属性

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Google Chart HTML工具提示显示html文本

来自分类Dev

以编程方式打开和关闭Chart.js工具提示

来自分类Dev

隐藏/禁用工具提示chart.js

来自分类Dev

Chart.js-设置工具提示的Z-index

来自分类Dev

Chart.js饼图工具提示被削减

来自分类Dev

使用Chart.js缺少某些数据点的工具提示

来自分类Dev

Chart.js-向雷达图添加工具提示

来自分类Dev

Chart.js 2.0:如何更改工具提示的标题

来自分类Dev

出现工具提示时,顶部的Chart.JS值消失

来自分类Dev

删除自定义Chart Js工具提示颜色方块

来自分类Dev

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

来自分类Dev

Chart.js-设置工具提示的Z-index

来自分类Dev

使用Chart.js缺少某些数据点的工具提示

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

    如何在Chart.js中显示工具提示?

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

    允许在Chart.js的工具提示中显示多个数据属性

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

    Google Chart HTML工具提示显示html文本

  18. 18

    以编程方式打开和关闭Chart.js工具提示

  19. 19

    隐藏/禁用工具提示chart.js

  20. 20

    Chart.js-设置工具提示的Z-index

  21. 21

    Chart.js饼图工具提示被削减

  22. 22

    使用Chart.js缺少某些数据点的工具提示

  23. 23

    Chart.js-向雷达图添加工具提示

  24. 24

    Chart.js 2.0:如何更改工具提示的标题

  25. 25

    出现工具提示时,顶部的Chart.JS值消失

  26. 26

    删除自定义Chart Js工具提示颜色方块

  27. 27

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

  28. 28

    Chart.js-设置工具提示的Z-index

  29. 29

    使用Chart.js缺少某些数据点的工具提示

热门标签

归档