文章/答案/技术大牛

发布

社区首页 >问答首页 >Retyped.chartist的使用不清楚。如何创建基本的线条图？

问Retyped.chartist的使用不清楚。如何创建基本的线条图？
EN

Stack Overflow用户

提问于 2019-01-12 15:11:34

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

我使用bridge.NET和重打，使用查特作为js库，在visual中使用Retyped.chartist作为nuget包(这可以将c#代码映射到js )。当我运行该网站时，将加载该库。但是我的代码不起作用：

chartist.Chartist2.Line.New(newUsersChart, new Chartist.IChartistData
        {
            labels = arr,
            series = arr2
        });

错误是Chartist2是未定义的。试图在未定义的情况下访问线路。我试着看了看重打的地图，但没有运气。在互联网上没有发现任何关于这种特殊情况的东西..。

javascript

bridge

chartist.js

bridge.net

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-01-13 21:33:26

我安装了桥CLI，并使用以下命令创建演示项目(在Mac上)：

mkdir demo1
cd demo1
bridge new
bridge add package retyped.chartist
bridge build
bridge run
code .

对code .的调用将在Visual代码中打开项目。

在Program.cs中，我使用了以下C#：

using System;
using Bridge;
using Retyped;
using static Retyped.chartist;

namespace Demo
{
    public class Program
    {
        public static void Main(string[] args)
        {
            var data = new Chartist.IChartistData
            {
                labels = new es5.Array<string>("Mon", "Tue", "Wed", "Thu", "Fri"),
                series = new es5.Array<es5.Array<double>>(new es5.Array<double>(5, 2, 4, 2, 0 ))
            };

            var options = new Chartist.ILineChartOptions
            {
                width = 300,
                height = 200
            };

            Chartist2.Line.New(".ct-chart", data, options);
        }
    }
}

这并不是最干净或最明显的C#，但这是当前实现此功能所必需的。希望在将来的某个时候，重新键入可以改进C#，以允许使用更自然和更常见的C#类，例如匿名对象和基本的C#数组。

这个演示是基于Chartist 快速入门文档中提供的一个示例。

在projects bridge.json文件中还需要以下配置部分：

"loader": {
  "manualLoading": "true",
  "skipManualVariables": "true"
}

在/dist文件夹中，我创建了一个新的demo.html文件，并添加了以下内容：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.9.8/chartist.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.9.8/chartist.js"></script>

    <script src="bridge.js"></script>
    <script src="demo1.js"></script>
  </head>
  <body>
    <div class="ct-chart ct-perfect-fourth"></div>
  </body>
</html>

重建这个项目。

如果您返回浏览器并查看demo.html，则Chartist图表应该会正确呈现。

希望这能有所帮助。

票数 2

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

原文链接：

https://stackoverflow.com/questions/54160876

复制

相似问题

问Retyped.chartist的使用不清楚。如何创建基本的线条图？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Retyped.chartist的使用不清楚。如何创建基本的线条图？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Retyped.chartist的使用不清楚。如何创建基本的线条图？
EN