小编Joc*_*chs的帖子

Chart.js - 同一画布上的多个甜甜圈图表

我试图通过在同一画布上多次初始化Chart.js来模拟多层圆环图.当时只有一个图表可见.当你将鼠标悬停在其位置上时,另一个将会显示...

有人知道如何让两者同时可见吗？

这是我的代码:

<!doctype html>
<html>
    <head>
        <title>Doughnut Chart</title>
        <script src="../Chart.js"></script>
        <style>
            body{
                padding: 0;
                margin: 0;
            }
            #canvas-holder-1{
              position: fixed;
              top: 50%;
              left: 50%;
              margin-top: -250px;
              margin-left: -250px;
            }
        </style>
    </head>
    <body>
        <div id="canvas-holder-1">
            <canvas id="chart-area" width="500" height="500"/>
        </div>
<script>

        var doughnutData = [
                {
                    value: 20,
                    color:"#F7464A",
                    highlight: "#FF5A5E",
                    label: "Red",
                },
                {
                    value: 50,
                    color: "#46BFBD",
                    highlight: "#5AD3D1",
                    label: "Green"
                },
                {
                    value: 30,
                    color: "#FDB45C",
                    highlight: "#FFC870",
                    label: "Yellow"
                },
                {
                    value: 40,
                    color: "#949FB1",
                    highlight: …

Run Code Online (Sandbox Code Playgroud)

javascript jquery charts canvas chart.js

Joc*_*chs

2016 08-19

4
推荐指数

2
解决办法

1万
查看次数