一、echarts可以做什么
echarts是一款基于JavaScript的可视化图表库，它可以通过简单的配置实现各种各样的数据可视化，包括但不限于折线图、柱状图、饼图、地图等等。使用echarts，可以将复杂的数据转换成简洁、易懂的图表，并且可以完全自定义样式。 使用echarts，可以将数据呈现出直观的效果，方便用户了解和分析数据。例如，企业可以使用echarts对销售数据进行可视化分析，政府部门可以使用echarts对经济数据、人口数据进行可视化展示。 下面是一个简单的echarts图表实例：
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
});
二、echarts y不能小数
在使用echarts时，需要注意y轴的取值范围。y轴的取值范围默认是按照数据类型进行判断，比如数据为整数类型时，y轴刻度值也为整数，无法显示小数。
但是，使用echarts y轴可以使用formatter来自定义刻度值的显示形式。通过自定义刻度值的显示形式，可以让y轴显示小数。下面是一个实例：
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
axisLabel: {
formatter: function (value, index) {
return value.toFixed(2);
}
}
},
series: [{
data: [820.12, 932.46, 901.56, 934.23, 1290.99, 1330.54, 1320.13],
type: 'line'
}]
三、echarts是什么
echarts是一款基于JavaScript的可视化图表库，可以将数据转换成各种图表形式，支持多种数据格式和数据源，提供完善的交互式数据探索和分析。echarts由百度开源，其开发者也来自百度。 下面是一个echarts图表库的使用实例：
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="http://echarts.baidu.com/dist/echarts.min.js"></script>
<!-- 为 echarts 准备一个具备大小（宽高）的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
