介绍

Charts是一个轻量级的简易图表,主要为DataV大屏数据展示组件库提供图表支持,在该场景下不考虑图表交互,仅需展示效果,因此插件不提供交互及复杂功能。插件配置项参考eCharts,具有相关经验则极易上手使用。

CRender提供图形渲染。

点击以重新播放演示。

安装

  • npm安装
  1. npm install @jiaminghi/charts
  • yarn安装
  1. yarn add @jiaminghi/charts

使用

  1. import Charts from '@jiaminghi/charts'
  2. const container = document.getElementById('container')
  3. const myChart = new Charts(container)
  4. myChart.setOption({
  5. title: 'My Chart',
  6. // ...otherConfig
  7. })

快速体验

  1. <!--资源位于个人服务器仅供体验和测试,请勿在生产环境使用-->
  2. <!--调试版-->
  3. <script src="http://lib.jiaminghi.com/charts/charts.map.js"></script>
  4. <!--压缩版-->
  5. <script src="http://lib.jiaminghi.com/charts/charts.min.js"></script>
  6. <script>
  7. const Charts = window.Charts.default
  8. // do something
  9. </script>