var bar=new_chart.Bar(data)
var legend=bar.generateLegend();
只能生成空的内容，不可行
chart.js的最新版本2.2.2。要么用最新的版本，要么就用笨的方法。
稍后用最新的版本，写个小case
一种就是用Chart.prototype.addLegend=function()
自己写一个，估计写完天都黑了。
那就用一种土方法吧
2.CSS直接写就可以了。
如果是Ajax请求数据，在生成图例的话，就写一个小函数。如果是已有数据
就自己布局，很快的
HTML:
<div class="drawing-container">
<canvas id="drawing" width="800" height="800"></canvas>
<li>Tom</li>
<li>Lucy</li>
<li>Jimmy</li>
<li>Lucian</li>
<li>Kim</li>
ul{
right:20px;
top:10px;
}
ul li{
padding:5px 10px;
margin-top:5px;
text-align:center;
color:white;
}
ul li:nth-child(1){
background-color:#ff6384;
}
ul li:nth-child(2){
background-color:#36a2eb;
}
ul li:nth-child(3){
background-color:#ffce56;
}
ul li:nth-child(4){
background-color:#4bc0c0;
}
ul li:nth-child(5){
background-color:#4e6ca9;
}
</pre><pre name="code" class="javascript">function drawBarChart(){
var drawing=document.getElementById("drawing");
if(!drawing.getContext) return false;
var ctx=drawing.getContext("2d");
var new_chart = new Chart(ctx);
console.log(new_chart);
var data = [
value: 30,
color:"#ff6384"
value : 50,
color :"#36a2eb"
value : 100,
color : "#ffce56"
value : 40,
color : "#4bc0c0"
value : 120,
color :"#4e6ca9"
new_chart.Doughnut(data);
drawBarChart();
1.由于我用的chart.js版本是1.0.2调用 var bar=new_chart.Bar(data) var legend=bar.generateLegend();只能生成空的内容，不可行chart.js的最新版本2.2.2。要么用最新的版本，要么就用笨的方法。稍后用最新的版本，写个小case一种就是用Chart.prototype.addLegend=
一.问题描述
d3虽然在绘图方面是个强大的工具，但是却没有提供绘制
图例的工具，国内的d3使用群体目前还没有那么多，所以也缺乏相关的教程，我在看了一篇国外大神的帖子后，自己动手实践了一下，给大家分享一下经验。
二.具体实现
这个
图例的数据就是一个数组，所以动态静态都是可以的。
而且显示的位置四个边角都可以，另外字体和颜色框（线或者是面）都是自定义的，调一下参数就行。
//
图例数组，格式可自定义
var data_legend = [
Chart.js是一个功能强大的数据可视化库，但是我从经验中知道，开始并获取要显示的图形可能很棘手。各种各样的事情都可能出错，而我通常只是想让某些事情起作用，所以我可以开始进行调整。
这是一个包含10种工作图（条形图，饼图，折线图等）的列表，其中设置了颜色和数据以呈现美观的图表，您可以将其复制并粘贴到自己的项目中，并快速进行自定义和进行微调以使其适合您的风格和目的。
要使用这些示例，请确保还包括Chart.js：
<script src="https://cdnjs.cloudflare....
Chart.js-柱状图分析（参数分析+例图）柱状图样式总览基本写法参数解析条形图1 - 普通条形图条形图2 - 水平条形图条形图3 - 同比（放在一起比较）条形图条形图4 - 叠加条形图
柱状图样式总览
首先在< script >标签里面引入chart.js：
<script src="chart.js/Chart.js"></script>
然后创建一个画布：
<canvas id="myChart" width="400" height="400
chart.js图表库案例赏析，饼图添加文字
Chart.js 是一个令人印象深刻的JavaScript图表库，建立在HTML5Canvas 基础上。目前，它支持6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区）。而且，这是一个独立的包，不依赖第三方 JavaScript 库，小于 5KB。
前天用了一下，由于以前也稍微用过，今天总结了一下（水平有限，如果问题，...
您将要创造的 在本教程中，我将向您展示如何使用JavaScript和画布以饼图和甜甜圈图的形式显示数字信息。
比起从头开始编写图表，有更简便的方法来创建图表，例如，来自CodeCanyon的完整图表库 。
CodeCanyon的图表库 但是，如果您想知道像这样的库在幕后发生的事情，请继续阅读。
什么是饼图？
图表是一种统计工具，用于以图形方式表示数字数据。 饼形图将数值数据...
http://www.chart
js.org/docs/#chart-configuration-legend-configuration
官方的教程写的非常详细。
下面我就写一个小例子：
function drawDoughnut(){
var data = {
<div id="chart_line_legend" class="chart-legend"></div>
<canvas id="chart_line" height="80"></canvas>
// render chart
var ctx = document.getElementById("ch...
Input In [161] l.render(dfcell_list[1]+"basic_line_chart.html") ^ SyntaxError: invalid syntax
const h1 = document.querySelector('h1')
console.log(h1);
h1.addEventListener('click',(e)=>{
console.log(e.target.innerHTML); //前辈
h1.click()
</script>
</body>
的元素绑定click event会起作用吗
weixin_46094549:
Django 踩过的坑（一）
Tisfy:
canvas 绘制动态圆环进度条
叫我火柴:
的元素绑定click event会起作用吗
