博客 (3)

anichart.js 是一款将数据转化为动态柱状图/线性图的 js/ts 工具，可导出视频。

github: https://github.com/Jannchie/anichart.js

中文使用指南：https://github.com/Jannchie/anichart.js/blob/main/README-CN.md

docs 目录中有更详细的使用方法（英文）。

在线演示：https://xoyozo.net/Demo/BarGraph

目前 release 版本 3.0.0。

这里有一点常用设置示例：https://codesandbox.io/s/anichart-2x-m3xbz?file=/main.js

设置画布尺寸

stage.canvas.width = 1000;
stage.canvas.height = 500;

重设尺寸不会重新计算内部元素的大小和位置，因此对响应式布局不太友好。

配置柱状图

示例：

const barChart = new ani.BarChart({
    dy: 2, // 文字下沉
    imageField: 'logo', // 图标字段名
    itemCount: 16, // 最多显示条数
    dateFormat: '%Y年%-m月', // 日期格式
    barGap: 10, // 柱条间距
    barInfoFormat: () => '', // 隐藏柱条上的文字
});
stage.addChild(barChart);

循环播放

setInterval(function () {
    if (!stage.playing) {
        stage.sec = 0;
        stage.play();
    }
}, 1000);

收录了一些个人觉得不错的网页开发插件。

由于插件更新频繁，本页如有错误请指正，也欢迎告知更多功能强大、使用方便的插件。

微软今天发布了 Net Framework 3.5 的 Chart 控件，弥补了 .Net 平台下缺乏一个十分强力的图表控件。

该图表控件支持多种图表，如饼图，柱状图，曲线图，散点图，雷达图，面积图，股票图等，同时支持 Winform 和 Asp.net。

目前该控件只能用在 .Net Framework 3.5 上，没有查找到 For .Net Framework 2.0 的信息。

补：原来该款控件来自 dundas.com，有 .Net Framework 2.0 版本，需要付费，该公司被微软收购后主推 3.5 版本，并免费。

1. 控件：Microsoft .NET Framework 3.5 的 Microsoft 图表控件 (Microsoft ChartControls for Microsoft .NET Framework 3.5)

   包含英文版，中文版。上面提供的链接是中文版的，可以更改为英文版。

2. 语言包：Microsoft Chart Controls for Microsoft .NET Framework 3.5 LanguagePack

   Microsoft .NET Framework 3.5 的Microsoft 图表控件 的语言包，包含23中语言。

3. Microsoft Chart Controls Add-on for Microsoft Visual Studio 2008

   使 VS2008 支持图表开发的插件。

4. 文档 （Microsoft Chart Controls for .NET Framework Documentation）

   这个只有英文的，没找到中文的。

5. WinForm 和 Asp.net 的例子（SamplesEnvironment for Microsoft Chart Controls）

   这个只有英文的，没找到英文的。

2D的图：

3D的图：

1. Microsoft Chart control for .NET Framework Released!

2.图片来自 http://code.msdn.microsoft.com/mschart 中的 Winform 演示。