YYF_CS
yfyu
采纳率16.7%
2018-01-08 09:39 阅读 5.7k

eCharts 最后一个数据点无法显示symbol

20

option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:[{name:'邮件营销',icon:'rect'}]
},
grid: {
left: '10%',
right: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},

xAxis: {
    type: 'category',
               name: "日期",
            nameLocation: 'end',
            nameGap: 38,
    boundaryGap: true,
                    axisLine: {
                show: false,
                onZero: false
            },
    data: [

"2016-01-09",
"2016-01-10",
"2016-01-11",
"2016-01-12",
"2016-01-13",
"2016-01-14",
"2016-01-15",
"2016-01-16",
"2016-01-17",
"2016-01-18",
"2016-01-19",
"2016-01-20",
"2016-01-21",
"2016-01-22",
"2016-01-23",
"2016-01-24",
"2016-01-25",
"2016-01-26",
"2016-01-27",
"2016-01-28",
"2016-01-29",
"2016-01-30",
"2016-01-31",
"2016-02-01",
"2016-02-02",
"2016-02-03",
"2016-02-04",
"2016-02-05",
"2016-02-06",
"2016-02-07",
"2016-02-08",
"2016-02-09",
"2016-02-10",
"2016-02-11",
"2016-02-12",
"2016-02-13",
"2016-02-14",
"2016-02-15",
"2016-02-16",
"2016-02-17",
"2016-02-18",
"2016-02-19",
"2016-02-20",
"2016-02-21",
"2016-02-22",
"2016-02-23",
"2016-02-24",
"2016-02-25",
"2016-02-26",
"2016-02-27",
"2016-02-28",
"2016-02-29",
"2016-03-01",
"2016-03-02",
"2016-03-03",
"2016-03-04",
"2016-03-05",
"2016-03-06",
"2016-03-07",
"2016-03-08",
"2016-03-09",
"2016-03-10",
"2016-03-11",
"2016-03-12",
"2016-03-13",
"2016-03-14",
"2016-03-15",
"2016-03-16",
"2016-03-17",
"2016-03-18",
"2016-03-19",
"2016-03-20",
"2016-03-21",
"2016-03-22",
"2016-03-23",
"2016-03-24",
"2016-03-25",
"2016-03-26",
"2016-03-27",
"2016-03-28",
"2016-03-29",
"2016-03-30",
"2016-03-31",
"2016-04-01",
"2016-04-02",
"2016-04-03",
"2016-04-04",
"2016-04-05",
"2016-04-06",
"2016-04-07",
"2016-04-08",
"2016-04-09",
"2016-04-10",
"2016-04-11",
"2016-04-12",
"2016-04-13",
"2016-04-14",
"2016-04-15",
"2016-04-16",
"2016-04-17",
"2016-04-18",
"2016-04-19",
"2016-04-20",
"2016-04-21",
"2016-04-22",
"2016-04-23",
"2016-04-24",
"2016-04-25",
"2016-04-26",
"2016-04-27",
"2016-04-28",
"2016-04-29",
"2016-04-30",
"2016-05-01",
"2016-05-02",
"2016-05-03",
"2016-05-04",
"2016-05-05",
"2016-05-06",
"2016-05-07",
"2016-05-08",
"2016-05-09",
"2016-05-10",
"2016-05-11",
"2016-05-12",
"2016-05-13",
"2016-05-14",
"2016-05-15",
"2016-05-16",
"2016-05-17",
"2016-05-18",
"2016-05-19",
"2016-05-20",
"2016-05-21",
"2016-05-22",
"2016-05-23",
"2016-05-24",
"2016-05-25",
"2016-05-26",
"2016-05-27",
"2016-05-28",
"2016-05-29",
"2016-05-30",
"2016-05-31",
"2016-06-01",
"2016-06-02",
"2016-06-03",
"2016-06-04",
"2016-06-05",
"2016-06-06"
],
axisLabel:{
show:true,
formatter: function (value) {
return value;
},
showMinLabel: true,
showMaxLabel: true
}
},
yAxis: {
type: 'value'
},
series: [
{
name:'邮件营销',
type:'line',
symbol:"none",
data: [
{
"value": "67.8100",
"symbol": "rect",
"symbolSize": 11
},
"67.9000",
"67.9800",
"68.0700",
"68.0100",
"67.9600",
"67.8600",
"67.7400",
"67.6100",
"67.6600",
"67.7400",
"67.8600",
"67.9100",
"67.9600",
"68.0700",
"68.2100",
"68.2200",
"68.1600",
"68.0700",
"67.9300",
"67.9100",
"67.9200",
"67.9000",
"67.9600",
"67.9600",
"67.9700",
"68.0000",
"68.0700",
"68.2200",
"68.2800",
"68.3300",
"68.3600",
"68.3300",
"68.2400",
"68.1700",
"68.0900",
"68.1700",
"68.0800",
"67.9600",
"67.8700",
"67.7700",
"67.7500",
"67.8400",
"67.9500",
"68.0200",
"68.1500",
"68.2900",
"68.3000",
"68.2300",
"68.1300",
"68.0200",
"68.0100",
"67.8700",
"67.6900",
"67.5400",
"67.4700",
"67.3900",
"67.3700",
"67.3300",
"67.2800",
"67.4400",
"67.5100",
"67.5300",
"67.5200",
"67.5100",
"67.6000",
"67.5400",
"67.4600",
"67.3100",
"67.2400",
"67.2400",
"67.2100",
"67.2200",
"67.1700",
"67.2100",
"67.3700",
"67.4800",
"67.6100",
"67.7200",
"67.7700",
"67.7700",
"67.7800",
"67.6400",
"67.6600",
"67.5900",
"67.5000",
"67.4600",
"67.3700",
"67.2000",
"67.1500",
"67.1100",
"67.0600",
"67.1100",
"67.2400",
"67.2800",
"67.2800",
"67.3500",
"67.3200",
"67.1000",
"67.1000",
"67.0400",
"66.9300",
"66.7400",
"66.6900",
"66.6900",
"66.7400",
"66.7900",
"66.7900",
"66.7100",
"66.7100",
"66.8000",
"66.8600",
"66.8700",
"66.8900",
"66.8900",
"66.9700",
"67.0500",
"67.0200",
"67.0300",
"67.0800",
"67.1100",
"67.1200",
"67.1400",
"67.2200",
"67.2900",
"67.3900",
"67.4500",
"67.4400",
"67.5500",
"67.6200",
"67.6900",
"67.7000",
"67.7300",
"67.7700",
"67.8200",
"67.8200",
"67.8600",
"67.8800",
"67.8900",
"67.9100",
"67.9100",
"67.9500",
"68.1000",
"68.1400",
"68.1600",
"68.2900",
"68.3200",
"68.3600",
"68.4400",
{
"value": "68.4700",
"symbol": "rect",
"symbolSize": 11
}
],
}
]
};


  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    chaoyue1397 Edison_kon 2018-01-08 10:44

    再次不好意思,我把数据增加到n条后,也出现了该问题,是鼠标在这个点上才会出现symbol.
    但是更换了js的版本后,该问题再也复现不出了,估计在api里也有这个情况的解决办法,再看看api吧,不好意思.

    点赞 评论 复制链接分享
  • chaoyue1397 Edison_kon 2018-01-08 10:04

    我把你的数据格式化了一下...发现好像不对

    yAxis: {
    type: 'value'
    },

    这个,的位置,你检查一下...

    点赞 评论 复制链接分享
  • chaoyue1397 Edison_kon 2018-01-08 10:13

    不好意思,好像没有什么问题,不过 你还是格式化一下数据,仔细捋一下,我也忘了修改哪了,将数据减少到3条呈现效果如图图片说明

    点赞 评论 复制链接分享
  • qq_41548445 qq_41548445 2018-01-08 12:02

    ECharts 图表设置标记的大小 symbolSize 和获取标记的值

    ECharts 是百度出品,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表

    点赞 评论 复制链接分享

相关推荐