echart.js 和 chart.js 改变圆点大小

原链接:https://blog.csdn.net/qq_14993375/article/details/81611525

 echart.js圆点

series : [
        {
            name:'零售额',
            type:'line',
            showSymbol: true,
            symbol:'emptyCircle',    //设定为实心点
            symbolSize: 20,   //设定实心点的大小
            animation: false,
            itemStyle: { //圆圈样式
                borderWidth: 2,
                color:'#f60',
            },
            lineStyle:{//线条样式
                5,
                color:'#f60'
            },
            data:[10, 12, 21, 54, 260, 830, 710]
        }
]

　　

Demo：http://jsrun.net/YxgKp

api文档：http://echarts.baidu.com/api.html#echarts

chart改变圆点大小

"datasets": [
        {
            "label": "零售额",
            "data": [100, 200, 300, 250, 450, 280], 
            "fill": false, 
            "borderColor": "#f00",
            "pointBackgroundColor":"#fff",
            "pointBorderColor":"#f00",
            "pointBorderWidth":2.5,
            "pointRadius":7,
            "lineTension": 0.1 
        }
]

Demo：http://jsrun.net/qxgKp

两个插件各有各的优势和缺点，chart.js可以自适应，比较适合H5页面，但是可以参考的文档比较少