chart.js相关内容
..
我有一个引导模式,其中有一个 chart.js. 问题是左 Y 轴值被截断. 这是检查器中的 HTML:
..
我需要有关 Chart.js 交互性的帮助.当我点击标签时,我需要返回我点击的列(索引)编号. 我尝试使用 getElementsAtEvent,但它只有在我直接点击图表时才有效. 这 http://jsfiddle.net/yxz2sjam/ 几乎是我想要的,但 getPointsAtEvent在新版本中不再可用. canvas.onclick = function (evt) {
..
我正在尝试使用 vue-chartjs 制作一个 vue.当 chartData 道具更新时,我已遵循所有有关重新渲染图表的相关文档.我的图表只会在我调整浏览器窗口大小后更新. 我的 parenttestchart.vue 文件:
图表数据收集更新测试
这个组件演示了从服务器获取数据.
加载中
..
我正在尝试在选项卡系统中使用 ChartsJS.渲染第一个选项卡中的第一个图表,但不渲染后续图表. 我相信这是因为选项卡有 display:none,所以当第一次生成图表时,它们是在零维度的 div 中创建的. 这解决了问题,但打破了标签: .vertical-nav>div.tab-content {显示:块!重要;} 考虑到这一点,我尝试了各种方法来在选项卡打开后重新生成图表,
..
我想使用 Chartjs(chartjs.org) 作为我的图表工具以及使用 TypeScript 的 AngularJS.我已经从 GitHub 为 Chartjs 安装了definiteTyped,以便在我的 TypeScript 编写的控制器中合并 Chartjs 图表的创建.我找不到关于做这件事的任何相关问题. 我只需要知道我们如何使用 DefinedTyped 将数据填充到图表中.
..
我有一个使用 Chart.js 和两个数据集创建的圆环图.该图表显示了世界各地办事处的员工数量,第二个数据集将其分为固定员工和合同员工. 这里有一个 jsfiddle:https://jsfiddle.net/tetsujin1979/tt3ch8z7/ 图形选项的“标签"属性包含办公室的名称,但由于只有一个标签数组,因此它们在第二个数据集上重复出现,并出现在它的鼠标悬停文本上. v
..
我需要使用 ChartJS 库为我的圆环图创建自定义图例.我已经使用 ChartJS 提供的默认图例创建了甜甜圈,但我需要进行一些修改. 我想拥有高于汽车名称的价值.另外我不喜欢粘性图例,我想将它与甜甜圈分开,这样我就可以更改字体、框的样式(例如,在文本“Audi"旁边) 我知道有一些 图例生成器但我不确定如何将它与 VueJS 一起使用 - 因为我使用 VueJS 作为框架 这
..
我试图通过在同一画布上多次初始化 Chart.js 来模拟多层圆环图.当时只有一张图表可见.当您将鼠标悬停在其位置时,另一个将可见...... 有人知道如何让两者同时可见吗? 这是我的代码: 甜甜圈图身体{填充:0;边距:0;}#
..
有人经历过吗? Bootstrap 的 Javascript(对于 modals、accordion 和其他动画)与我的 Chart.js 有冲突. 这是 cdn 链接,我使用的是缩小版.(Chart.min.js) 如果这有帮助,我会为图表显示我的 script:
..
..
我在尝试使用 chart.js 为混合图表自定义悬停工具提示时遇到了一些问题. 我有一个显示特定产品总利润的条形图和一个显示该特定产品总数量的折线图.当我将鼠标悬停在条形图上时,我希望工具提示显示如下内容: 总利润:$ 1399.30 价格应采用两位小数格式,附加在“总利润:$"后面.当我将鼠标悬停在折线图上时,我想显示如下内容: 售出数量:40 件 这是我填充相关数组的代码: f
..
我正在使用 bootstrap 的选项卡,每个选项卡内都有 chartjs 图表. 发生的一个问题是图形画布不会在我调整浏览器窗口大小之前被绘制.最新的 Chrome 和 Firefox 都在发生这种情况. 我一直在尝试不同的解决方案,例如在更改选项卡后绘制图表但没有结果. 不幸的是,我无法在 jsfiddle 中复制问题,不知何故它似乎在那里工作.但是除了 html5 样板之外
..
我在网上搜索了如何解决这个问题没有成功.我见过人们使用背景图片,但这似乎很懒惰且无益.我想将标签移动到 45 度角,这样看起来更专业. 我的图表目前看起来像这样 - 但我希望它看起来像这样 - 有人对我如何做到这一点有任何想法吗? 我的代码副本在下面. new Chart(DummyChart, {类型:“极区",数据: {标签:[“Dummy1",“Dummy 2",
..
..
..
我正在使用 Chart.js 创建一个条形字符,我必须在每个条形上显示百分比,所以我找到了 chartjs-plugin-datalabels,但我无法使其工作,文档和示例对我来说不清楚. 这就是我得到的: HTML: Javascript: //条形图var 值数据 = [2478,5267,734,784,433];var valuelabel=["非洲", "亚洲", "
..
我正在尝试了解其条形图上的 ChartJS 文档.它对我来说没有意义,因为顶部的标签在某种意义上看起来好像它只适用于第一个条形(基于颜色),而在另一种意义上,整个图表(它是唯一的标签不在工具提示中,它在前面和中间) 我一直在努力让它更像他们的折线图,它显示了一个带有标签的图例和一个与图表上的每条线相关的彩色方块.(他们没有多线图的例子,但它确实像这样工作). 数据对象中的标签属性被转换
..
..
我很难使 y 轴上的标签具有响应性.我希望标签移动到多行并在空间不足时具有响应式字体大小.我正在使用 chart.js 数据标签用于在水平条形图顶部标记的库.由于外部图表容器,标签也被隐藏了. var chart = new Chart('ctx', {类型:'水平条',数据: {标签:[“某事某事某事",“等等等等……",“等等等等……",“某事某事某事"],数据集:[{数据:[6, 87,
..