问个 Chart.min.js 重绘的问题,分少 不诚敬意

weiyulin510037 2018-12-04 06:06:57
<script>
function Chart_1(Chart_Type)
{


var ctx = document.getElementById("Chart_1").getContext('2d');


var data = {
labels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
datasets: [
{
label: '10天数据',
backgroundColor: 'rgb(40,161, 121)',
data: [8, 2, 9, 7, 6, 5, 10, 1, 9, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.6)',
'rgba(54, 162, 235, 0.6)',
'rgba(255, 206, 86, 0.6)',
'rgba(75, 192, 192, 0.6)',
'rgba(153, 102, 255, 0.6)',
'rgba(255, 159, 64, 0.6)',
'rgba(255, 99, 132, 0.6)',
'rgba(54, 162, 235, 0.6)',
'rgba(255, 206, 86, 0.6)',
'rgba(75, 192, 192, 0.6)',
'rgba(153, 102, 255, 0.6)'
]

},

],
borderColor: "rgba(151,187,205,1)"
}


var myLineChart = new Chart(ctx, {


type: Chart_Type, //图类型 Line 为折线图 bar为柱状图
data: data,
options:
{
scales:
{
yAxes: [
{
tension: 0,
}]
}


}

});


var barChart = new Chart(ctx, {
type: Chart_Type,
data: data,
options: {
legend: {
display: true,
position: 'top',
labels: {
boxWidth: 20,
fontColor: 'rgb(60, 180, 100)'
}
}
}
}
);



}
</script>




上面代码 在调用第二次时, 可以重绘, 但鼠标移上去 以前的图会闪现,哪位老师帮助我下,谢谢
...全文
398 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
EdsionWang 2018-12-05
  • 打赏
  • 举报
回复
ctx相当于画布,实际上你这个function一次就画了两个图,一个bar,一个line图。

62,040

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧