来自巴西帕拉州贝伦，献给世界

简单又美观

正如其名——Katu（美观）Charts（图表），源自巴西图皮-瓜拉尼语——一个用几行代码即可创建美观、交互式图表的库，完全基于 D3.js 构建，并提供简单易用的 API 接口。

快速开始查看示例

npm install katucharts.js

典藏

实时预览

编写代码，即见图表——并浏览全部 64 种类型的展示，在本页面实时渲染。

编写代码 — 即见图表

import KatuCharts from 'katucharts.js';

// 按设备划分的每周网站会话
KatuCharts.chart('sessions', {
  chart: { type: 'areaspline' },
  title: { text: '每周流量' },
  yAxis: { title: { text: '访问量' } },
  xAxis: {
    categories: ['周一','周二','周三','周四','周五','周六','周日']
  },
  series: [
    { name: '桌面端',
      data: [450, 520, 480, 610, 580, 320, 280] },
    { name: '移动端',
      data: [280, 350, 420, 510, 490, 410, 380] }
  ]
});

或查看图库

示例 01面积图

示例 02环形图

示例 03热力图

示例 04雷达图

查看全部 64 个图表

谱系

应对一切

面向金融、生物信息学、数据表格和 React 的可选扩展模块——按需与核心一起导入。

金融

import 'katucharts.js/finance'

金融时间序列和完整指标套件。

K线图、OHLC和Heikin-Ashi
Renko、Kagi、Point & Figure
19个开箱即用指标
RSI、MACD、Bollinger、VWAP、Ichimoku

生物

import 'katucharts.js/bio'

发表级基因组学和统计学。

火山图和曼哈顿图
多轨道Circos基因组图
Kaplan-Meier和森林图
系统发育树、PCoA、序列标识图

DataTable

import { DataTable } from 'katucharts.js/datatable'

与任何图表配对的交互式数据网格。

排序、筛选和分页
行选择
自定义单元格格式化程序
导出到CSV / JSON

React

import { KatuChartsReact } from 'katucharts.js/react'

第一类React包装组件。

声明式选项prop
卸载时自动清理
Ready回调
适用于每个图表类型

数据一览

v0.2.31 包含的内容

图表类型

颜色调色板

导出格式

指标

仪式

几秒钟内开始

三个步骤。您的第一个图表在一分钟内渲染。

安装

npm install katucharts.js

导入

import KatuCharts from 'katucharts.js'

渲染

KatuCharts.chart('my-chart', {
  chart: { type: 'line' },
  series: [{ data: [1, 3, 2, 5, 4] }]
});

阅读文档点击这里试用

价格

真正免费

所有功能，每个套餐都包含。付费套餐仅去除水印。

免费

$0永久

全部包含，完全免费。

包含“Powered by KatuCharts”水印

全部 64 种图表类型
所有模块 — Finance、Bio、DataTable、React
商业与内部使用
无限使用，无需注册

免费开始

年度

$100 / 年

$8.33/ 月

按年计费

每年续费的许可。

无水印

包含免费套餐的全部内容
有效期 1 年
包含更新

超值之选

永久

$300一次性

一次付费，永久使用。

无水印

包含免费套餐的全部内容
永久许可
一次性付款，无需续费

立即购买

已有账户或想创建账户？点击这里管理您的订阅

价格以美元计。付费套餐与免费套餐完全相同——只是去除水印。

简单又 美观