删除 AmCharts 中的灰色 header-box

Question

在图表上绘制一些历史数据时，我偶然发现了这个烦人的灰色框，我无法摆脱它。

基本上我从这个例子开始：http://www.amcharts.com/demos/date-based-data/ 并做了一些细微的修改（删除了 chartScrollbar）。

图表使用类型：serial，主题：light。

在文档 http://docs.amcharts.com/3/javascriptcharts/ 中仍未找到与此类似的内容。

我试过 'guides'、'graphs'、'chartScrollBar'，但似乎没有任何效果。

在此感谢任何帮助。

灰色图表header-box:

AmCharts 配置：

        chart = AmCharts.makeChart("chartdiv", {
            "type": "serial",
            "theme": "light",
            "marginLeft": 0,
            "marginRight": 0,
            "autoMarginOffset": 0,
            "path": "http://www.amcharts.com/lib/3/",
            "dataDateFormat": "YYYY-MM-DD",
            "valueAxes": [{
                "id": "v1",
                "axisAlpha": 0,
                "position": "left"
            }],
            "balloon": {
                "borderThickness": 1,
                "shadowAlpha": 0
            },
            "graphs": [{
                "id": "g1",
                "bullet": "round",
                "bulletBorderAlpha": 1,
                "bulletColor": "#FFFFFF",
                "bulletSize": 5,
                "hideBulletsCount": 50,
                "lineThickness": 2,
                "title": "red line",
                "useLineColorForBulletBorder": true,
                "valueField": "value",
                "balloonText": "<div style='margin:5px; font-size:19px;'><span style='font-size:13px;'>[[category]]</span><br>[[value]]</div>"
            }],
            "chartScrollbar": {
                "enabled": false
            },
            "chartCursor": {
                "pan": true,
                "valueLineEnabled": true,
                "valueLineBalloonEnabled": true,
                "cursorAlpha": 0,
                "valueLineAlpha": 0.2
            },
            "categoryField": "date",
            "categoryAxis": {
                "parseDates": true,
                "dashLength": 1,
                "minorGridEnabled": true,
                "position": "bottom"
            },
            "export": {
                "enabled": false
            },
            "dataProvider": chartData
        });

Answer 1

"grey box"是图表滚动条。默认情况下图表不显示滚动条。因此，要删除它，只需将其从您的图表配置中完全删除即可：

chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
    "theme": "light",
    "marginLeft": 0,
    "marginRight": 0,
    "autoMarginOffset": 0,
    "path": "http://www.amcharts.com/lib/3/",
    "dataDateFormat": "YYYY-MM-DD",
    "valueAxes": [{
        "id": "v1",
        "axisAlpha": 0,
        "position": "left"
    }],
    "balloon": {
        "borderThickness": 1,
        "shadowAlpha": 0
    },
    "graphs": [{
        "id": "g1",
        "bullet": "round",
        "bulletBorderAlpha": 1,
        "bulletColor": "#FFFFFF",
        "bulletSize": 5,
        "hideBulletsCount": 50,
        "lineThickness": 2,
        "title": "red line",
        "useLineColorForBulletBorder": true,
        "valueField": "value",
        "balloonText": "<div style='margin:5px; font-size:19px;'><span style='font-size:13px;'>[[category]]</span><br>[[value]]</div>"
    }],
    "chartCursor": {
        "pan": true,
        "valueLineEnabled": true,
        "valueLineBalloonEnabled": true,
        "cursorAlpha": 0,
        "valueLineAlpha": 0.2
    },
    "categoryField": "date",
    "categoryAxis": {
        "parseDates": true,
        "dashLength": 1,
        "minorGridEnabled": true,
        "position": "bottom"
    },
    "export": {
        "enabled": false
    },
    "dataProvider": chartData
});

删除 AmCharts 中的灰色 header-box

Remove grey header-box in AmCharts

javascript

charts

amcharts