简要介绍
FusionCharts是一款商业收费但功能强大的图表组件。它几乎支持所有语言,其中不但包括JavaScript、jQuery,而且支持React、React Native、Vue、Angular、Svelte框架,甚至PHP、ASP.NET、Python。它将图表类型分成四个维度,分别是:FusionCharts、FusionWidgets、PowerCharts、FusionMaps。其中的FusionWidgets部分做得很有特点。
我对它的评价是:王者风范。
官方地址
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}
/>
);
}
}
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/17915.html