從chart.js中刪除項目符號圖例

我使用的是按照this示例的chart.js。從chart.js中刪除項目符號圖例

我的傳說在每個傳說物品旁邊都顯示着重點，我不知道爲什麼。在多個瀏覽器中發生。下面是我得到的圖像：

我嘗試添加「列表樣式類型：無;」進入CSS，但這對我來說沒有任何影響。

有什麼想法嗎？下面的jsfiddle代碼：

**html** 
<div style="width: 100%; height: 100%;"> 
<canvas id="myChart" style="width: 100%; height: auto;"></canvas> 
</div> 
<div id="js-legend" class="chart-legend"></div> 

**js** 
var data = [ 
{ 
value: 61, 
color: "#09355C", 
label: "Label 1" 
}, { 
value: 11, 
color: "#CBCBCB", 
label: "Label 2" 
}, { 
value: 28, 
color: "#B61B12", 
label: "Label 3" 
}]; 

var options = { 
segmentShowStroke: false, 
animateRotate: true, 
animateScale: false, 
percentageInnerCutout: 50, 
tooltipTemplate: "<%= value %>%" 
} 

var ctx = document.getElementById("myChart").getContext("2d"); 
var myChart = new Chart(ctx).Doughnut(data, options); 
document.getElementById('js-legend').innerHTML = myChart.generateLegend(); 

**css** 
.chart-legend li span{ 
display: inline-block; 
width: 12px; 
height: 12px; 
margin-right: 5px; 
}

來源

2015-09-04 Chr0n

我在您的jsfiddle演示中看不到任何子彈。你能給我一個什麼是問題的截圖嗎？ –

謝謝，http://imgur.com/9HnPOsW – Chr0n

您正在使用哪種瀏覽器？它似乎有一個不同於我們的行爲（適用於最新版本的Chrome）。你有沒有嘗試破解ul {list-style-type：none！important; }？ – bviale

您需要添加list-style-type: none;到li元素即像

.chart-legend li { 
    list-style-type: none; 
}

您當前的CSS規則集的目標.chart-legend li span - 添加list-style-type: none;不會有幫助。

來源

2015-09-04 13:56:16 potatopeelings

圖例非常感謝，這正是我需要的：D – Chr0n

從chart.js中刪除項目符號圖例

回答

相關問題