前端项目-angular-chartist.js.zip

  • y3_738153
    了解作者
  • 127.6KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-14 03:28
    上传日期
前端项目-angular-chartist.js,CharList.js的角度指令
前端项目-angular-chartist.js.zip
  • angular-chartist.js-master
  • .prettierignore
    37B
  • .gitignore
    46B
  • karma.conf.js
    1.1KB
  • README.md
    2.1KB
  • CHANGELOG.md
    15.9KB
  • .github
  • workflows
  • nodejs.yml
    621B
  • main.workflow
    611B
  • .gitlab-ci.yml
    248B
  • rollup.config.js
    1.4KB
  • test
  • index.spec.js
    2.9KB
  • LICENSE
    1KB
  • package.json
    3.2KB
  • src
  • angular-chartist.js
    2.6KB
  • .babelrc
    740B
  • example
  • app.css
    45B
  • index.js
    5.6KB
  • index.html
    3.1KB
  • .prettierrc.json
    98B
  • .npmignore
    43B
  • .editorconfig
    188B
  • webpack.config.js
    488B
  • yarn.lock
    323.9KB
  • .eslintrc.json
    377B
内容介绍
# angular-chartist.js Angular 1.x directive for [Chartist.js](http://gionkunz.github.io/chartist-js/) [Looking for the Angular version?](https://github.com/willsoto/ng-chartist) ## Installation #### Current ```bash npm install angular-chartist.js chartist angular --save yarn add angular-chartist.js chartist angular ``` #### Next ```bash npm install angular-chartist.js@next chartist angular --save yarn add angular-chartist.js@next chartist angular ``` ## Usage Make sure you have loaded the necessary scripts in the correct order. Add `angular-chartist` as a module dependency, like so: ```js // >= 4.1 import angular from 'angular'; import angularChartist from 'angular-chartist.js'; angular.module('app', [angularChartist]); ``` In your HTML, add the `chartist` directive to any `div` or make it a custom element: ```html <chartist class="ct-chart" chartist-data="chartist.barData" chartist-chart-type="Bar" ></chartist> ``` | Attribute | Type | Required | | ----------------------------- | ------ | -------- | | `chartist-data` | Object | Yes | | `chartist-chart-type` | String | Yes | | `chartist-events`\* | Object | No | | `chartist-chart-options` | Object | No | | `chartist-responsive-options` | Array | No | Format for Chartist events: ```js { event: function eventHandler(obj) { // do stuff on event } } ``` For the sorts of values these options accept, check out the [Chartist.js docs](http://gionkunz.github.io/chartist-js/api-documentation.html) ## Using Plugins Simply put the plugins array in the `options` object. Example: ```js $scope.chartOptions = { plugins: [ Chartist.plugins.ctPointLabels({ textAnchor: 'middle' }) ] }; ``` ## Issues? This directive is simply a wrapper, anything you pass to the directive gets passed right through to the appropriate method on the Chartist side. Any issues with the charts, data, options, etc, should be filed against [Chartist.js](https://github.com/gionkunz/chartist-js) Feel free to file an issue / PR if you feel that the directive can be improved in some way though.
评论
    相关推荐
    • aria-bulding:Angular前端
      咏叹调大厦 该项目是使用版本11.2.5生成的。 开发服务器 为开发服务器运行ng serve 。... 如果您更改任何源文件,该应用程序将自动重新加载。...要获得有关Angular CLI的更多帮助,请使用ng help或查看页面。
    • Grasshopper-angular:Rails api 的 Angular 前端
      Grasshopper 前端 留言板 API 由Ruby on Rails提供为 JSON,并由AngularJS 使用。 这是我为 API 编写的 Angular 前端... 为了充分理解 API 如何在前端使用,我还构建了一个 Angular JS 前端,可以在上找到。 Github 链
    • NFB前端:Angular前端服务器
      Nfb电子商务 该项目是使用版本10.1.3生成的。 开发服务器 为开发服务器运行ng serve 。... 如果您更改任何源文件,该应用程序将自动重新加载。...要获得有关Angular CLI的更多帮助,请使用ng help或查看 。
    • WebApp:Web App Angular前端
      该存储库包含Cublet的所有前端客户端逻辑。 最初,Cublet只是要解析结果,然后将结果扔给预制的APIFunction Wolfram Cloud API,以解释用户的Wolfram语言输入并获得生成的输出。 但是,它变成了为Wolfram语言初学者...
    • frontend:Angular前端
      角度的 该项目是使用版本11.0.7生成的。 开发服务器 为开发服务器运行ng serve 。... 如果您更改任何源文件,该应用程序将自动重新加载。...要获得有关Angular CLI的更多帮助,请使用ng help或查看“ 页面。
    • Mean-Median-Mode-Angular:使用第 1 周 MMM 应用程序构建 Angular 前端
      平均-中值-模-角 使用第 1 周 MMM 应用程序构建 Angular 前端
    • bill_tracker:Troy City Tracker 的 Angular 前端
      帐单追踪器 Bill Tracker 是 api(目前正在开发中)的前端应用程序。 Bill Tracker 托管在 divshot.io 上,可以在实时找到。
    • uk-police-frontend:英国警察数据应用程序的Angular前端
      英国警察前端 英国警方数据应用程序的角度前端
    • DatingAppAPI:基于dotnet 5的API系统和Angular前端
      DatingAppAPI:基于dotnet 5的API系统和Angular前端
    • pixomatix-angular:Pixomatix API 的 Angular 前端。 演示@http
      Pixomatix-Angular 是 Pixomatix-API 的 (1.3) 前端。 演示: 配置 应用配置 配置文件: app/assets/js/constants.js // Configuration for development environment angular . module ( "PixomatixConfig....