Javascript 如何用黑色粗线勾勒出条形图的条形图？_Javascript_Echarts

Javascript 如何用黑色粗线勾勒出条形图的条形图？

javascript

Javascript 如何用黑色粗线勾勒出条形图的条形图？,javascript,echarts,Javascript,Echarts,我是新的编码，并试图与eCharts制作一个条形图。我已经制作了一个简单的条形图示例，但现在我想为图表上的条形图制作一个粗轮廓。这是我的密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdnjs.cloudflare.com/aj

我是新的编码，并试图与eCharts制作一个条形图。我已经制作了一个简单的条形图示例，但现在我想为图表上的条形图制作一个粗轮廓。这是我的密码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts-en.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // based on prepared DOM, initialize echarts instance
        var myChart = echarts.init(document.getElementById('main'));

        // specify chart configuration item and data
        var option = {
            title: {
                text: 'ECharts entry example'
            },
            tooltip: {},
            legend: {
                data:['Sales']
            },
            xAxis: {
                data: ["shirt","cardign","chiffon shirt","pants","heels","socks"]
            },
            yAxis: {},
            series: [{
                name: 'Sales',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20],
            }]
        };

        // use configuration item and data specified to show chart
        myChart.setOption(option);
    </script>
</body>
</html>


标题
//基于准备好的DOM，初始化echarts实例
var myChart=echarts.init（document.getElementById（'main'）；
//指定图表配置项和数据
var选项={
标题：{
文本：“ECharts条目示例”
},
工具提示：{}，
图例：{
数据：[“销售额”]
},
xAxis：{
数据：[“衬衫”、“羊毛衫”、“雪纺衬衫”、“裤子”、“高跟鞋”、“袜子”]
},
亚克斯：{}，
系列：[{
名称：'销售'，
类型：'bar'，
数据：[5,20,36,10,10,20]，
}]
};
//使用指定的配置项和数据显示图表
myChart.setOption（选项）；

如何在条形图上添加黑色粗轮廓？

您可以使用选项和分别为每个条形图设置边框的颜色和宽度。下面是一个基于现有代码的示例

var myChart=echart.init（document.getElementById（'main'）； //指定图表配置项和数据 var选项={ 标题：{ 文本：“ECharts条目示例” }, 工具提示：{}，图例：{ 数据：[“销售额”] }, xAxis：{ 数据：[“衬衫”、“羊毛衫”、“雪纺衬衫”、“裤子”、“高跟鞋”、“袜子”] }, 亚克斯：{}，系列：[{ 名称：'销售'，类型：'bar'，数据：[5,20,36,10,10,20]， //添加项目样式项目样式：{ 正常：{ 宽度：5，颜色：“000” } } }] }; //使用指定的配置项和数据显示图表 myChart.setOption（选项）