chart.js - ChartJS:如何显示标签,图例,标题?

标签 chart.js

我很难弄清楚如何在我的Chart JS折线图中显示标签,图例和标题。我直接从example复制了代码(复制如下)。但是,标签“我的第一个数据集”没有显示在图表上的任何位置,因此我无法确定哪条线是哪条。我也尝试过在数据集中添加一个“标题”,但是没有运气。有人知道我在想什么吗?

var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
    {
        label: "My First dataset",
        fillColor: "rgba(220,220,220,0.2)",
        strokeColor: "rgba(220,220,220,1)",
        pointColor: "rgba(220,220,220,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(220,220,220,1)",
        data: [65, 59, 80, 81, 56, 55, 40]
    },
    {
        label: "My Second dataset",
        fillColor: "rgba(151,187,205,0.2)",
        strokeColor: "rgba(151,187,205,1)",
        pointColor: "rgba(151,187,205,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(151,187,205,1)",
        data: [28, 48, 40, 19, 86, 27, 90]
    }
]};

谢谢,
萨斯瓦特

最佳答案

在选项中添加此参数

multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>"

关于chart.js - ChartJS:如何显示标签,图例,标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24707954/

相关文章:

javascript - 来自 Chart.js 的堆叠组栏 : Can I give each stack group a unique color?

jquery - 如何在Chart.js中获取点击事件

javascript - 需要在变量饼 Highcharts 上放置边框吗?

javascript - 在chartjs中打印饼图

javascript - 计算子弹轨迹的 x 和 y 坐标 - Chart.js

javascript - 两条线之间的填充区域 - Chart.js v2

javascript - ChartJS 中雷达图的highlightFill

javascript - Chart.js onAnimationComplete 不起作用

javascript - 默认使用 Chart.js 和自定义脚本隐藏数据集

javascript - Chart.js 饼图,仅在圆弧外侧有边框