前言：
现时看官们对“jsecharts和vuecharts”大约比较重视，大家都需要知道一些“jsecharts和vuecharts”的相关资讯。那么小编在网络上汇集了一些有关“jsecharts和vuecharts””的相关文章，希望同学们能喜欢，我们快快来了解一下吧！简要介绍
FusionCharts是一款商业收费但功能强大的图表组件。它几乎支持所有语言，其中不但包括JavaScript、jQuery，而且支持React、React Native、Vue、Angular、Svelte框架，甚至PHP、ASP.NET、Python。它将图表类型分成四个维度，分别是：FusionCharts、FusionWidgets、PowerCharts、FusionMaps。其中的FusionWidgets部分做得很有特点。
我对它的评价是：王者风范。
官方地址
效果
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: <b>$dataValue</b>",
value: 246.3
},
{
tooltext: "3-May: <b>$dataValue</b>",
value: 240.93
},
{
tooltext: "4-May: <b>$dataValue</b>",
value: 240.41
}
]
}
]
};
class MyComponent extends React.Component {
render() {
return (
<ReactFusioncharts
type="sparkline"
width="100%"
height="100%"
dataFormat="JSON"
dataSource={dataSource}
/>
);
}
}
标签： #jsecharts和vuecharts
