echarts itemStyle symbol 折线图原点样式调整

最新推荐文章于 2024-06-25 11:43:23 发布

anti4879

最新推荐文章于 2024-06-25 11:43:23 发布

阅读量1.5k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/king618/p/6307718.html

版权

本文介绍了如何使用Echarts库来调整折线图中数据点的itemStyle和symbol样式，特别是在确保原点显示方面的技巧。通过实例代码展示了具体的配置方法，帮助读者理解并实现个性化图表设计。

摘要由CSDN通过智能技术生成

symbol 适用类型 ：折线图、散点图 。默认：null

标志图形类型，默认自动选择（8种类型循环使用，不显示标志图形可设为'none'），默认循环选择类型有：

'circle' | 'rectangle' | 'triangle' | 'diamond' |

'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'

另外，还支持五种更特别的标志图形'heart'（心形）、'droplet'（水滴）、'pin'（标注）、'arrow'（箭头）和'star'（五角星），这并不出现在常规的8类图形中，但无论是在系列级还是数据级上你都可以指定使用，同时，'star' + n（n>=3)可变化出N角星，如指定为'star6'则可以显示6角星

自1.3.5起支持symbol为自定义图片，格式为'image://' + '图片路径'，如'image://../asset/ico/favicon.png'

option = {
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['邮件营销','联盟广告','直接访问','搜索引擎']
    },
    toolbox: {
        show : true
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : ['周一','周二','周三','周四','周五','周六','周日']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name: