投稿

FusionCharts：JavaScript王者风范图表组件

Vedu • • 资源分享 • 阅读 842

简要介绍

FusionCharts是一款商业收费但功能强大的图表组件。它几乎支持所有语言，其中不但包括JavaScript、jQuery，而且支持React、React Native、Vue、Angular、Svelte框架，甚至PHP、ASP.NET、Python。它将图表类型分成四个维度，分别是：FusionCharts、FusionWidgets、PowerCharts、FusionMaps。其中的FusionWidgets部分做得很有特点。

我对它的评价是：王者风范。

JavaScript王者风范图表组件FusionCharts

官方地址

https://www.fusioncharts.com/

效果

import FusionCharts from “fusioncharts”;

import charts from “fusioncharts/fusioncharts.charts”;

import ReactFusioncharts from “react-fusioncharts”;

// Resolves charts dependancy

charts(FusionCharts);

const dataSource = {

chart: {

caption: “Tesla Stock Price”,

subcaption: “May 2018”,

numberprefix: “$”,

charttopmargin: “10”,

theme: “fusion”,

showclosevalue: “1”,

showopenvalue: “1”,

setadaptiveymin: “1”,

drawanchors: “1”,

linealpha: “0”,

anchorsides: “4”,

anchorradius: “4”,

anchorcolor: “#ee8f49”,

showopenanchor: “1”,

showcloseanchor: “1”,

highcolor: “#ee8f49”,

lowcolor: “#ee8f49”

},

dataset: [

{

data: [

{

tooltext: “2-May: $dataValue“,

value: 246.3

},

{

tooltext: “3-May: $dataValue“,

value: 240.93

},

{

tooltext: “4-May: $dataValue“,

value: 240.41

}

]

}

]

};

class MyComponent extends React.Component {

render() {

return (

<ReactFusioncharts

type=”sparkline”

width=”100%”

height=”100%”

dataFormat=”JSON”

dataSource={dataSource}

/>

);

}

}

JavaScript王者风范图表组件FusionCharts
JavaScript王者风范图表组件FusionCharts
JavaScript王者风范图表组件FusionCharts
JavaScript王者风范图表组件FusionCharts
JavaScript王者风范图表组件FusionCharts

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/17915.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-12-21 07:36
下一篇 2020-12-22 07:52

相关推荐

发表评论

登录后才能评论