<!DOCTYPE html>
<html>
<head>
<title>smoothed line | amCharts</title>
<meta name="description" content="chart created using amCharts live editor" />

<!-- amCharts javascript sources -->
<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/light.js"></script>

<!-- amCharts javascript code -->
<script type="text/javascript">
AmCharts.makeChart("chartdiv",
{
"type": "serial",
"categoryField": "category",
"autoMarginOffset": 40,
"marginRight": 60,
"marginTop": 60,
"startDuration": 1,
"fontSize": 13,
"handDrawn": true,
"handDrawScatter": 4,
"handDrawThickness": 3,
"theme": "light",
"categoryAxis": {
"gridPosition": "start"
},
"trendLines": [],
"graphs": [
{
"balloonText": "[[title]] of [[category]]:[[value]]",
"bullet": "round",
"bulletSize": 10,
"id": "AmGraph-1",
"lineAlpha": 1,
"lineThickness": 3,
"title": "graph 1",
"type": "smoothedLine",
"valueField": "column-1"
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"title": ""
}
],
"allLabels": [],
"balloon": {},
"titles": [],
"dataProvider": [
{
"category": "97.01",
"column-1": "18.23"
},
{
"category": "97.02",
"column-1": "18.5"
},
{
"category": "97.03",
"column-1": "18.6"
},
{
"category": "97.04",
"column-1": "18.2"
},
{
"category": "97.05",
"column-1": "18.6"
},
{
"category": "97.06",
"column-1": "20.52"
},
{
"category": "97.07",
"column-1": "24.87"
},
{
"category": "97.08",
"column-1": "24.66"
},
{
"category": "97.09",
"column-1": "19.84"
},
{
"category": "97.10",
"column-1": "20.82"
},
{
"category": "97.11",
"column-1": "19.62"
},
{
"category": "97.12",
"column-1": "23"
}
]
}
);
</script>
</head>
<body>
<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
</body>
</html>
این مقاله مفید بود؟
لغو
خیلی ممنون!