文章/答案/技术大牛

发布

社区首页 >问答首页 >NuGet-package Chart.js 2.0.2中的属性行不可用

问NuGet-package Chart.js 2.0.2中的属性行不可用
EN

Stack Overflow用户

提问于 2016-08-29 12:04:27

回答 1查看 60关注 0票数 0

我想在我的HTML页面中使用图表，这是我在一个用VS 2015制作的网络项目中制作的。所以我安装了NuGet软件包Chart.js：Chart.js的安装说明

安装之后，我在脚本文件夹中看到两个新的JS脚本: Charts.js和Charts.min.js。

接下来，我尝试在我的页面中实现一个线条图/图表。

<!DOCTYPE html>
<html>
    <head>
        <title>Display charts with Chart.js</title>

        <script type="text/javascript" src="../scripts/Chart.min.js"></script>
        <script type="text/javascript">
        </script>
    </head>

    <body>
        <form>
            <h3>Example for display of chart data</h3>
            <canvas id="buyers" height="600" width="400"></canvas>

            <script type="text/javascript">
                var buyerData = {
                    labels: ["January", "February", "March", "April", "May", "June"],
                    datasets: [
                        {
                            fillColor: "rgba(172,194,132,0.4)",
                            strokeColor: "#ACC26D",
                            pointColor: "#fff",
                            pointStrokeColor: "#9DB86D",
                            data: [203, 156, 99, 251, 305, 247]
                        }
                    ]
                }

                var buyers = document.getElementById("buyers").getContext("2d");
                new Chart(buyers).Line(buyerData);
            </script>
        </form>
    </body>
</html>

但是，每次我尝试启动页面时，我都会收到一条消息，即属性行不存在。怎么了？

提前感谢！

javascript

charts

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-29 12:59:37

我已经找到了解决办法，但我不能完全肯定。如果你想发布其他答案，我们会邀请你。

我换了线路

new Chart(buyers).Line(buyerData);

通过

var myChart = new Chart(buyers, { type: 'line', data: buyerData });

此外，我还发现了另一个选择：

var myChart = Chart.Line(buyers, { data: buyerData });

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39205913

复制

相似问题

问NuGet-package Chart.js 2.0.2中的属性行不可用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问NuGet-package Chart.js 2.0.2中的属性行不可用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问NuGet-package Chart.js 2.0.2中的属性行不可用
EN