Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带双轴的条形图中的Javascript条形图_Javascript - Fatal编程技术网

带双轴的条形图中的Javascript条形图

带双轴的条形图中的Javascript条形图,javascript,Javascript,有人能推荐一个好的来源来创建如下图表吗- 这个图表实际上来自Excel,但我想在使用javascript的web项目上使用它 希望有人能提供信息来源的建议?这在ZingChart很容易做到。这是我根据你的照片制作的一个演示。向下滚动并运行代码段以查看实时演示 免责声明*我是ZingChart团队的成员。如果您有问题,请发表评论 变量myConfig={ 主题:无, 类型:酒吧, 斯卡利:{ 数值:0:120:20 }, 绘图:{ 影子:错, barsOverlap:100% }, 规模2:{

有人能推荐一个好的来源来创建如下图表吗-

这个图表实际上来自Excel,但我想在使用javascript的web项目上使用它


希望有人能提供信息来源的建议?

这在ZingChart很容易做到。这是我根据你的照片制作的一个演示。向下滚动并运行代码段以查看实时演示

免责声明*我是ZingChart团队的成员。如果您有问题,请发表评论

变量myConfig={ 主题:无, 类型:酒吧, 斯卡利:{ 数值:0:120:20 }, 绘图:{ 影子:错, barsOverlap:100% }, 规模2:{ 值:0:700:100, 指南:{ 可见:假 } }, scaleX:{ 指南:{ 可见:假 } }, 系列:[ { 值:[89108,46,31,8,8,5,1], 杆宽:80%, 背景颜色:C0504D, valueBox:{ 颜色:黑色 }, 悬停状态:{ 可见:假 } }, { 值:[410115108115615105250,90], 酒吧宽度:20%, 比例尺:比例尺x,比例尺y-2, 背景颜色:9BBB59, 悬停状态:{ 可见:假 } }, ] }; zingchart.render{ id:'我的图表', 资料来源:myConfig, 身高:400, 宽度:600 };
谢谢,但这并不完全相同,highcharts模型只有一个轴上的条形图,另一个轴上的条形图,上面的示例使用两个轴上的条形图,还有一组更复杂的条形图。我唯一的评论是工具提示不能正确工作,它在右侧的一些条形图上工作,但不是在左边?