Echarts可视化教程（九）—— 散点图的绘制,symbolSize都为10； 小学的形状是rect，初中是circle，高中是diamond； 小学、初中、高中的散点的颜色一次是green、blue、red。 其它均采用默认设置。

在ECharts的可视化教程中，当你想要创建一个基础的散点图来表示数据的分布，可以按照以下步骤操作。在这个例子中，我们将使用三个阶段的学习象征来展示散点，并设置它们的大小、形状和颜色：

// 引入ECharts库
var echarts = require('echarts');

// 创建图表实例
var myChart = echarts.init(document.getElementById('main'));

// 配置选项
var option = {
    // 数据配置
    data: [
        { value: 1, symbol: 'rect', symbolSize: 10, color: 'green' },
        { value: 2, symbol: 'circle', symbolSize: 10, color: 'blue' },
        { value: 3, symbol: 'diamond', symbolSize: 10, color: 'red' },
        ... // 更多数据项
    ],

    // 散点图配置
    series: [{
        name: '学习阶段',
        type: 'scatter',
        // 点的样式设置
        symbol: function(data) {
            return ['rect', 'circle', 'diamond'][data.value]; // 根据value选择对应形状
        },
        symbolSize: 10,
        itemStyle: {
            normal: {
                color: function(data) {
                    return data.color; // 使用对应的颜色
                }
            }
        }
    }]
};

// 设置并渲染图表
myChart.setOption(option);

在这个示例中，`symbolSize`保持一致为10，而`symbol`属性则根据`value`字段动态改变形状。每个点的颜色由其自身的`color`属性决定。其余的配置保持默认，如标题、坐标轴等。